1、什么是ES6
- 就是JS的版本，ES6是一个跨越性很大的一个版本，里面添加了特多新的特性。
2、改变变量特性(let、var)
let |
var |
let作为块级作用域{}，外面是访问不到的 |
var作为全局作用域，外界可以访问 |
不允许在let声明变量之前使用变量 |
允许在var声明变量之前使用变量 |
let不允许重复声明 |
var可以重复声明 |
| ES6作用 | 让变量更加规范 |
3、新添加常量(const)
区别：
| 变量和常量 | 区别 |
| 变量 | 变量可以改 |
| 常量 | 常量定义了就不能改变 |
使用场景：
| 常量使用 | 场景 |
| 1 | 不变的值用常量声明 |
| 2 | 函数表达式可以使用常量 |
| 3 | 对象声明可以使用常量 |
| 4 | 引入外部模块使用常量 |
<script> // 1、不变的值用常量声明 const π = 3.14; // 2、函数表达式可以使用常量 const fun = function () { console.log('jasmine'); } fun(); // 输出结果：jasmine // 3、对象声明可以使用常量 function fun1() { return { name: 'jasmine' }; } const getFun1 = fun1(); getFun1.name = 'jasmine_qiqi'; console.log(getFun1.name); // 输出结果：jasmine_qiqi // 4、引入外部模块使用常量 const express = require('express'); </script>
4、新添加模板字符串（换行、嵌入变量）
// 5、模板字符串换行 console.log(`ES6的新特性（变量、常量、模板字符串、结构赋值）, 新添加模板字符串（换行、嵌入变量）。`); // 6、嵌入变量 var date = new Date(); var result = `${date.getFullYear()}年${(date.getMonth()) + 1}月${date.getDate()}日`; console.log(result); // 输出结果：2022年4月7日
4、新添加结构赋值（数组、对象、传参）
| 结构赋值 | |
| 1 | 数组的结构赋值 |
| 2 | 对象的结构赋值 |
| 3 | 通过结构赋值传递参数 |
// 7、数组的结构赋值 var m = 10; var n = 20; [m, n] = [n, m]; console.log(m, n); // 输出结果：20,10 // 8、对象赋值 var { name, age } = { name: 'jasmine', age: 18 }; console.log(name, age); // 输出结果：jasmine,18 // 9、通过结构赋值传递参数 var test = { name: 'jasmine', age: 18 }; function getName({ name }) { return name; } var result = getName(test); console.log(result); // 输出结果：jasmine
