JavaScript 是一种广泛用于网页开发的脚本语言,能够实现动态交互效果。以下是核心知识点概览:
1. 简介
JavaScript 由 Netscape 公司于 1995 年开发,现已成为 Web 开发的三大核心技术之一(与 HTML、CSS 并列)。
👉 了解更多 JavaScript 历史
2. 基本语法
// 注释:使用 // 或 /* */
console.log("Hello, World!"); // 输出到控制台 📱
// 变量声明:使用 var、let、const
let message = "你好";
const PI = 3.14159;
// 运算符:+、-、*、/、%、==、=== 等
let result = 5 + 3 * 2;
3. 数据类型
类型 | 示例 | 描述 |
---|---|---|
Number | 123, 3.14 | 所有数字类型 📊 |
String | "JavaScript" | 字符串类型 📜 |
Boolean | true, false | 布尔值 🧠 |
Null | null | 空值 🚫 |
Undefined | undefined | 未定义值 🤔 |
Symbol | Symbol("id") | 唯一标识符 🔐 |
Object | { name: "Node" } | 对象类型 🧱 |
4. 变量与常量
var
:函数作用域,已逐渐被let
/const
替代 🚧let
:块级作用域,允许重新赋值 🔄const
:块级作用域,不可重新赋值 📌const PI = 3.14; // 常量赋值后不可更改
5. 函数
function greet(name) { // 函数定义 📌
return "Hello, " + name; // 返回值 📦
}
// 箭头函数(ES6+)
const square = x => x * x; // 简洁语法 ✨
6. 条件语句
if (age >= 18) { // 条件判断 🧩
console.log("成年");
} else if (age < 18) {
console.log("未成年");
} else {
console.log("未知");
}
7. 循环
for (let i = 0; i < 5; i++) { // for 循环 ⏱️
console.log(i);
}
// while 循环
while (count > 0) {
console.log(count--);
}
8. 数组
let fruits = ["苹果", "香蕉", "橘子"]; // 数组初始化 🍎
fruits.push("葡萄"); // 添加元素 🍇
console.log(fruits[0]); // 访问元素 📌
9. 对象
let person = {
name: "张三", // 属性定义 📜
age: 25,
greet: function() { // 方法定义 📌
return "Hello, I'm " + this.name;
}
};
console.log(person.name); // 访问属性 📌
10. 总结
掌握以上基础后,建议进一步学习:
👉 JavaScript 高级特性
👉 JavaScript 标准库参考