ES6的常用语法——let和const和模板字符串、解构表达式、箭头函数、rest和spread、类和对象的语法糖、深拷贝和浅拷贝、模块化处理。

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