ES6 学习内容记录

一、箭头函数

      1. 箭头函数this为父作用域的this，不是调用时的this

        例：

let person = {
    name:'jike',
    init:function(){
        //为body添加一个点击事件，看看这个点击后的this属性有什么不同
        document.body.onclick = ()=>{
            alert(this.name);//?? this在浏览器默认是调用时的对象,可变的？                  
        }
    }
}
person.init();

 

上例中，init是function，以person.init调用，其内部this就是person本身，而onclick回调是箭头函数，
其内部的this，就是父作用域的this，就是person，能得到name。

 

let person = {
    name:'jike',
    init:()=>{
        //为body添加一个点击事件，看看这个点击后的this属性有什么不同
        document.body.onclick = ()=>{
            alert(this.name);//?? this在浏览器默认是调用时的对象,可变的？                  
        }
    }
}
person.init();

上例中，init为箭头函数，其内部的this为全局window，onclick的this也就是init函数的this，也是window，
得到的this.name就为undefined。

 

2.箭头函数不能作为构造函数

 

 

二、Set

1.类似数组，成员不重复，本身是构造函数

2.  .add()、.forEach(value,key)、.keys()（键名）/.values()（键值）/.entries()（键值对）、.map(x=>x*2)（数组里每个值都乘以2）、.filter(x => (x % 2) == 0)（提取数组里能整出2的）

     new Set([...a, ...b])（并集）、new Set([...a].filter(x => b.has(x)))（交集）、new Set([...a].filter(x => !b.has(x)))（差集）

3. Array.from   数组去重

function dedupe(array)

 return Array.from(new Set(array));

}

 

三、WeakSet

1.类似Set，成员不重复，且只能是对象

2.  .add()、.delete()、.has()

 

四、Map

1.JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构）

2.

const map = new Map([

 ['name', '张三'],

 ['title', 'Author']

]);

map.get('name') // "张三"