箭头函数
// 箭头函数定义 const add = (a, b) => a + b; console.log(add(1, 2)); // 输出3 // 箭头函数表达式 const nums = [1, 2, 3]; const sum = nums.reduce((total, num) => total + num, 0); console.log(sum); // 输出6
模板字符串
// 使用模板字符串拼接字符串 const name = 'Alice'; const age = 20; console.log(`Name: ${name}, Age: ${age}`); // 输出 Name: Alice, Age: 20
解构赋值
// 从数组中解构赋值 const [x, y] = [10, 20]; console.log(x); // 输出10 console.log(y); // 输出20 // 从对象中解构赋值 const { name, age } = { name: 'Alice', age: 20 }; console.log(name); // 输出Alice console.log(age); // 输出20
默认参数
// 设置默认参数 function greet(name = 'John') { console.log(`Hello, ${name}`); } greet(); // 输出 Hello, John greet('Alice'); // 输出 Hello, Alice
块级作用域变量(使用let
和const
)
// 使用let定义块级作用域变量 if (true) { let x = 10; console.log(x); // 输出10 } else { console.log(x); // ReferenceError: x is not defined }
类(Class)定义(扩展了ES5的类语法)
class Person { constructor(name) { this.name = name; } greet() { console.log(`Hello, ${this.name}`); } } const person = new Person('Alice'); person.greet(); // 输出 Hello, Alice
模块化:
// 导出模块 export const PI = 3.14159; export function area(radius) { return PI * radius * radius; } // 导入模块 import { PI, area } from './math'; console.log(PI); // 输出3.14159 console.log(area(5)); // 输出78.53981633974483
解构赋值:
let [x, y] = [10, 20]; console.log(x); // 输出10 console.log(y); // 输出20 let { name, age } = { name: 'Alice', age: 20 }; console.log(name); // 输出Alice console.log(age); // 输出20
Promise:
let promise = new Promise((resolve, reject) => { setTimeout(() => resolve('Success!'), 1000); }); promise.then(result => console.log(result)); // 输出Success!(1秒后)