基本的ECMAScript语法和特性

1.变量声明：使用 var、let 或 const 关键字声明变量。

var x = 5;
let y = 10;
const z = 15;

点击查看var、let 、const区别

2.数据类型：包括数字（Number）、字符串（String）、布尔值（Boolean）、数组（Array）、对象（Object）等。

var num = 10;
var str = "Hello";
var bool = true;
var arr = [1, 2, 3];
var obj = { key: "value" };

3.条件语句：使用 if-else 进行条件判断。

var age = 20;
if (age >= 18) {
    console.log("成年人");
} else {
    console.log("未成年人");
}

4.循环语句：for、while 和 do-while 用于循环执行代码块。

for (var i = 0; i < 5; i++) {
    console.log(i);
}

var i = 0;
while (i < 5) {
    console.log(i);
    i++;
}

5.函数：使用 function 关键字定义函数。

function greet(name) {
    console.log("Hello, " + name + "!");
}
greet("World");

6.箭头函数：ES6 中引入了箭头函数的概念。

var greet = (name) => {
    console.log("Hello, " + name + "!");
};

greet("World");

7.数组操作：对数组进行操作，如增删改查。

var arr = [1, 2, 3];
arr.push(4); // 添加元素
arr.pop(); // 移除最后一个元素
arr[0] = 0; // 修改元素
console.log(arr[0]); // 访问元素

8.对象操作：对对象进行操作，包括属性访问、修改等。

var obj = { name: "Alice", age: 30 };
console.log(obj.name); // 访问属性
obj.age = 25; // 修改属性

9.模板字符串：ES6 中引入了模板字符串，可以在字符串中嵌入表达式

var name = "Alice";
var greeting = `Hello, ${name}!`;
console.log(greeting);

10.模块化：ES6 引入了模块化的概念，通过 import 和 export 关键字可以方便地将代码模块化，提高代码的可维护性和复用性。

// 导出模块
export function greet(name) {
    console.log("Hello, " + name + "!");
}

// 导入模块
import { greet } from './module.js';
greet("World");

11.类和面向对象编程：ES6 引入了类的概念，使得 JavaScript 可以更方便地实现面向对象编程。

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
    greet() {
        console.log("Hello, my name is " + this.name);
    }
}
var person = new Person("Alice", 30);
person.greet();

12.解构赋值：ES6 中引入了解构赋值语法，可以方便地从数组或对象中提取值并赋给变量

var [x, y] = [1, 2]; // 数组解构
console.log(x); // 输出: 1

var { name, age } = { name: "Bob", age: 25 }; // 对象解构
console.log(name); // 输出: Bob

13.Promise 和 异步编程：ES6 引入了 Promise 对象，用于处理异步操作，解决了回调地狱的问题。

function fetchData() {
    return new Promise((resolve, reject) => {
        // 异步操作
        setTimeout(() => {
            resolve("Data fetched successfully");
        }, 2000);
    });
}

fetchData().then((data) => {
    console.log(data);
}).catch((error) => {
    console.log(error);
});

14.Generator 函数：ES6 引入了 Generator 函数，可以通过控制函数的执行过程实现迭代器。

function* generatorFunction() {
    yield 1;
    yield 2;
    yield 3;
}

var gen = generatorFunction();
console.log(gen.next().value); // 输出: 1
console.log(gen.next().value); // 输出: 2