ES6 学习内容记录
2021/5/19 18:59:48
本文主要是介绍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') // "张三"
这篇关于ES6 学习内容记录的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-05小米13T Pro系统合集:性能与摄影的极致融合,值得你升级的系统ROM
- 2024-10-01基于Python+Vue开发的医院门诊预约挂号系统
- 2024-10-01基于Python+Vue开发的旅游景区管理系统
- 2024-10-01RestfulAPI入门指南:打造简单易懂的API接口
- 2024-10-01初学者指南:了解和使用Server Action
- 2024-10-01Server Component入门指南:搭建与配置详解
- 2024-10-01React 中使用 useRequest 实现数据请求
- 2024-10-01使用 golang 将ETH账户的资产平均分散到其他账户
- 2024-10-01JWT用户校验课程:从入门到实践
- 2024-10-01Server Component课程入门指南