ES6的功能简介

1. let, const, var

let: 块级作用域，不存在变量提升，值可更改

const：块级作用域，不能存在变量提升，值不可更改

var: 函数级作用域，变量提升，值可更改

案例1：

var arr = [];

for (var i = 0; i < 2; i++){

　　arr[i] = function(){

　　　　console.log(i);

　　}

arr[0]();

arr[1]();

答：arr[0](): 2, arr[1]():2

解析：由于var是函数级作用域，当i = 2时，离开循环，而 i 存在于类作用域中，因此两者都为2

案例2

let arr = [];

for (let i = 0; i < 2; i++){

　　arr[i] = function(){

　　　　console.log(i);

　　}

arr[0]();

arr[1]();

答：arr[0](): 0, arr[1]():1

解析：由于 let 时块级作用域，而 arr[0]() 中的 i 与 arr[1]() 中的 i 存在于两个不同的块级作用域中，因此分别为 0， 1

2. 解构赋值

ES6中允许从数组中提取值，按照对应位置，对变量赋值，对象也可以实现解构

例：

let [a, b, c] = [1, 2, 3]

console.log(a) = 1

如果解构不成功，变量的值为undefined

let [a, b] = [1]

b = undefined

3. 对象结构

案例：

let person = { name : 'a', age: 22 };

let { name, age } = person

console.log( name ) = 'a'

console.log( age ) = 22

案例2：

let { name : MyName, age : MyAge} = person

console.log( MyName ) = 'a'

console.log( MyAge ) = 22

解析：name 先从 person 里查找 name 属性，匹配完成后赋值给 MyName，随后输出到控制台

箭头函数

ES6中新增的定义函数的方式

() => {}

巴特西

ES6的功能简介

最新文章

热门文章