ECMAScript (ES) 语法详解_es.js-优快云博客

```javascript
// 原始类型
let num = 10; // 数字
let str = 'Hello'; // 字符串
let isTrue = true; // 布尔值
let n = null; // 空
let u; // 未定义
let sym = Symbol('sym'); // 符号

// 引用类型
let obj = { name: 'John' }; // 对象
let func = function() { console.log('Function'); }; // 函数
```

3. 变量声明与赋值

在 ECMAScript 中，使用 `var`、`let` 和 `const` 关键字声明变量。`var` 是 ES5 中引入的关键字，而 `let` 和 `const` 是 ES6 中新增的关键字。其中，`let` 声明的变量具有块级作用域，而 `const` 声明的变量为常量，不可重新赋值。

**示例：**

```javascript
var x = 10;
let y = 'Hello';
const PI = 3.14;
```

4. 条件语句

ECMAScript 中的条件语句包括 `if...else`、`switch`。`if...else` 用于基于条件执行不同的代码块，而 `switch` 用于根据不同的条件值执行不同的代码块。

**示例：**

```javascript
// if...else
let age = 18;
if (age >= 18) {
console.log('成年人');
} else {
console.log('未成年人');
}

// switch
let day = 3;
switch (day) {
case 1:
console.log('星期一');
break;
case 2:
console.log('星期二');
break;
default:
console.log('其他');
}
```

5. 循环语句

在 ECMAScript 中，循环语句包括 `for`、`while`、`do...while` 和 `for...in`。`for` 和 `while` 用于执行一段代码多次，`for...in` 用于遍历对象的属性，而 `do...while` 会先执行一次代码块，然后检查条件是否满足。

**示例：**

```javascript
// for 循环
for (let i = 0; i < 5; i++) {
console.log(i);
}

// while 循环
let j = 0;
while (j < 5) {
console.log(j);
j++;
}

// do...while 循环
let k = 0;
do {
console.log(k);
k++;
} while (k < 5);

// for...in 循环
let person = { name: 'John', age: 30 };
for (let key in person) {
console.log(key + ': ' + person[key]);
}
```

6. 函数

函数是 ECMAScript 中的重要概念，通过函数可以封装和复用代码。函数可以使用 `function` 关键字声明，也可以使用箭头函数（ES6 中新增）。

**示例：**

```javascript
// 声明函数
function greet(name) {
console.log('Hello, ' + name + '!');
}
greet('John');

// 箭头函数
const add = (a, b) => a + b;
console.log(add(3, 5));
```

7. 类与对象

ES6 中引入了类

的概念，可以使用 `class` 关键字定义类，通过 `new` 关键字创建对象实例。类可以包含构造函数、属性和方法。

**示例：**

```javascript
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}

greet() {
console.log('Hello, my name is ' + this.name);
}
}

let person = new Person('John', 30);
person.greet();
```

8. 异常处理

在 ECMAScript 中，可以使用 `try...catch...finally` 来捕获和处理异常。`try` 块中的代码是可能出现异常的代码，`catch` 块用于捕获异常，`finally` 块中的代码无论是否发生异常都会执行。

**示例：**

```javascript
try {
// 可能抛出异常的代码
throw 'An error occurred';
} catch (error) {
// 捕获异常并处理
console.log(error);
} finally {
// 无论是否发生异常都会执行
console.log('Finally block');
}
```

9. 模块化

ES6 引入了模块化的概念，可以使用 `import` 和 `export` 关键字导入和导出模块。模块化可以将代码分割为多个独立的文件，提高代码的可维护性和可复用性。

**示例：**

```javascript
// module.js
export const PI = 3.14;
export function square(x) {
return x * x;
}

// main.js
import { PI, square } from './module.js';
console.log(PI);
console.log(square(2));
```

10. 闭包

闭包是指在函数内部定义的函数，并且可以访问外部函数的作用域。闭包可以用于封装变量，实现数据隐藏和函数柯里化等。

**示例：**

```javascript
function outer() {
let count = 0;
return function inner() {
count++;
return count;
}
}

let counter = outer();
console.log(counter()); // 输出 1
console.log(counter()); // 输出 2
```