JavaScript 快速入门

基础语法#

JavaScript 是一门动态类型的编程语言，它灵活且强大。在本章中，我们将学习 JavaScript 的基础语法，包括变量声明、数据类型、运算符和表达式等核心概念。

变量与字面量#

变量是存储数据的容器。在 JavaScript 中，我们使用 let 关键字来声明变量。

let message = "Hello"; // 声明并初始化变量

变量命名规则：

只能包含字母、数字、下划线 _ 和美元符号 $
不能以数字开头
区分大小写
不能使用 JavaScript 保留字

Tips: 推荐使用驼峰命名法（camelCase）来命名变量，如 userName、firstNumber 等。

除了 let，我们还可以使用 const 来声明常量：

const PI = 3.14159; // 常量声明后不能被修改

数据类型#

JavaScript 中有 8 种基本数据类型：

Number - 数字类型

let age = 25;
let price = 99.99;

String - 字符串类型

let name = "John";
let message = 'Hello';
let template = `Hello, ${name}!`; // 模板字符串

Boolean - 布尔类型

let isActive = true;
let isFinished = false;

null - 空值

let user = null; // 表示"无"或"空"

undefined - 未定义

let x; // 声明但未赋值，值为 undefined

Object - 对象类型

let person = {
  name: "John",
  age: 30
};

Symbol - 符号类型（用于创建唯一标识符）

let id = Symbol("id");

BigInt - 大整数类型

let bigNumber = 9007199254740991n;

运算符#

JavaScript 支持多种运算符：

算术运算符#

let a = 10;
let b = 5;

console.log(a + b);  // 加法: 15
console.log(a - b);  // 减法: 5
console.log(a * b);  // 乘法: 50
console.log(a / b);  // 除法: 2
console.log(a % b);  // 取余: 0
console.log(a ** b); // 求幂: 100000

比较运算符#

console.log(5 > 3);   // 大于: true
console.log(5 < 3);   // 小于: false
console.log(5 >= 5);  // 大于等于: true
console.log(5 <= 5);  // 小于等于: true
console.log(5 == "5"); // 相等: true
console.log(5 === "5"); // 严格相等: false

逻辑运算符#

console.log(true && true);   // 与: true
console.log(true || false);  // 或: true
console.log(!true);          // 非: false

表达式#

表达式是 JavaScript 中的一个短语，JavaScript 解释器会将其计算（evaluate）出一个值。表达式可以是：

字面量表达式

42        // 数字字面量
"Hello"   // 字符串字面量
true      // 布尔字面量

变量表达式

name      // 变量引用
user.age  // 属性访问

运算符表达式

a + b     // 算术表达式
x > y     // 比较表达式
!flag     // 逻辑表达式

函数调用表达式

Math.max(1, 2, 3)  // 函数调用

动手试试#

Tips: 表达式可以嵌套，形成更复杂的表达式。例如：(a + b) * (c - d)。