1. ES6
1.1 ES6 定义
ES的全程是ECMAScript,它是由ECMA国际标准化定制的一项脚本语言
的标准化规范。
ES6是ES2016以后版本的统称;
为什么使用ES6?
1)变量提升特性增加了程序运行时的不可预测性;
2)语法过于松散,实现相同的功能,不同的人可能会写出不同的代码
2. let关键字
ES6中新增的用于声明变量的关键字
1)let声明变量只在
所处的块级
有效
2) 不存在变量提升,所以要提前声明变量;
3)暂时性死区,意思:在局部使用let声明的变量在全局作用域上不起作用;
注意1:在一个大括号中,使用let关键字声明的变量具有块级作用域,var关键字是不具备这个特点的
if (true) {
var num = 100;
let number = 30;
}
console.log(num);
console.log(number); //报错
注意2:防止循环变量变成全局变量
for(let i = 0; i < 3; i++){
}
console.log(i);//会报错,因为let已将i绑定在for循环里
let面试题:
let、const、var的区别:
结果:0 1
结果:2 2
3. const关键字
作用:声明常量,常量就是值(内存地址),不能变化的量。
具有特点:
1)具有块级作用域
2)使用const关键字声明的常量必须赋初始值,不然就会报错
3)常量赋值后,值不能修改,实际上是值的内存地址不能更改
注意:复杂数据类型:数据内部的值可以更改,但是不可以修改内存地址,就是重新赋个新值
看下列例子:
4. 解构
4.1 解构赋值
解构:分解数据结构
**赋值:**为变量赋值
ES6中允许数组从中提取值,按照对应位置,对变量赋值,对象也可以实现解构。
4.1.1 数组解构
数组解构允许我们按照一一对应
的关系从数组中提取值,然后将值赋给变量。
4.1.2 对象解构
实质:是属性的匹配
写法1:
let {变量名1,变量名2····} = 对象;
写法2:
let {属性:属性值, 属性:属性值····} = 对象
4.2 箭头函数
ES6中新增的定义函数的方式
语法:(放形参)=>{函数体}
为了调用,通常写成:fn = (放形参)=>{函数体}
4.2.1 在箭头函数中,如果函数体中只有一句代码,并且代码的执行结果就是函数的返回值,函数体的大括号可以省略
// const sum = (n1, n2) => {
// return n1 + n2;
// }
// console.log(sum(2, 5));
// 上面代码可以写成:
const sum = (n1, n2) => n1 + n2;
console.log(sum(2, 4));
4.2.2 在箭头函数中,如果形参只有一个,形参外侧的小括号也是可以省略的
const fn = v => {
alert(v