ES6引入了许多新的语法特性，让JavaScript更加强大和易用。ES6的常用语法包括let和const、模板字符串、解构表达式、箭头函数、rest和spread、类和对象的语法糖、深拷贝和浅拷贝、模块化处理。
1. let和const
用于声明变量，let声明的变量可修改，const声明的变量不可修改。
let a = 1;
const b = 2;
2. 模板字符串
使用反引号（`）来创建字符串模板，可插入变量和表达式。
let name = 'Alice';
console.log(`Hello, ${
name}!`);
3. 解构表达式
从数组或对象中提取值并赋给变量。
let [x, y] = [1, 2];
let {
a, b} = {
a: 1, b: 2};
4. 箭头函数
简化函数的定义，省略function关键字。
let add = (a, b) => a + b;
5. rest和spread
rest用于获取函数的剩余参数，spread用于展开数组或对象。
function sum(...args) {
return args.reduce((acc, val) => acc + val, 0);
}
let arr = [1, 2, 3];
let newArr = [...arr, 4, 5];
6. 类和对象的语法糖
引入class关键字定义类，简化了面向对象编程。
class Person {
constructor(name) {
this.name = name;
}
greet() {
return `Hello, ${
this.name}!`;
}
}
7. 深拷贝和浅拷贝
深拷贝复制对象及其所有嵌套对象，浅拷贝只复制对象本身。
let obj = {
a: 1, b: {
c: 2 } };
let shallowCopy = Object.assign({
}, obj);
let deepCopy = JSON.parse(JSON.stringify(obj));
8. 模块化处理
使用export和import关键字进行模块导出和导入。
// math.js
export const sum = (a, b) => a + b;
// app.js
import {
sum } from './math';
console.log(sum(1, 2));
原文链接: https://blog.csdn.net/2401_82884096/article/details/136968220