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" } 对象类型 🧱
JavaScript 基础语法

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 标准库参考

JavaScript 对象结构