81_JS_ES6 上_变量与常量_模板字符串_解构赋值_数组和对象的扩展_class类_箭头函数（相当于return)

下面是关于 JavaScript ES6 中的一些关键特性概述：

1. 变量与常量

• let 和 const:

  javascript代码

  let variable = '可变变量';
• variable = '新值'; // 允许修改
• const constant = '常量';
• // constant = '新值'; // 会抛出错误，不能修改

2. 模板字符串

• 使用反引号（``）创建多行字符串和插值:

  javascript代码

  const name = '世界';
• const greeting = `你好，${name}!`;
• console.log(greeting); // 输出: 你好，世界!

3. 解构赋值

• 数组解构:

  javascript代码

  const [a, b] = [1, 2];
• console.log(a); // 1
• console.log(b); // 2

• 对象解构:

  javascript代码

  const { x, y } = { x: 10, y: 20 };
• console.log(x); // 10
• console.log(y); // 20

4. 数组和对象的扩展

• 数组扩展:

  javascript代码

  const arr = [1, 2, 3];
• const newArr = [...arr, 4, 5];
• console.log(newArr); // [1, 2, 3, 4, 5]

• 对象扩展:

  javascript代码

  const obj = { a: 1, b: 2 };
• const newObj = { ...obj, c: 3 };
• console.log(newObj); // { a: 1, b: 2, c: 3 }

5. Class 类

• 定义类和构造函数:

  javascript复代码

  class Person { constructor(name) { this.name = name; } greet() { console.log(`你好，我是 ${this.name}`); } }
• const person = new Person('张三');
• person.greet(); // 输出: 你好，我是 张三

6. 箭头函数

• 简洁语法和自动返回:

  javascript代码

  const add = (a, b) => a + b;
• console.log(add(2, 3)); // 5
• // 单行代码自动返回
• const square = x => x * x;
• console.log(square(4)); // 16

这些特性使得 JavaScript 更加灵活和强大，提升了代码的可读性和开发效率。

01.变量与常量

02.模板字符串

03.解构赋值

04.数组和对象的扩展

04.1扩展运算符

04.2数组方法

04.3对象的方法

05.class类

06.箭头函数