一、箭头函数
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') // "张三"