ES6 学习内容记录

2021-05-19 18:31:24 阅读：114 来源： 互联网

标签：ES6 Set name 记录学习 person init ... new

一、箭头函数

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 结构）

const map = new Map([

['name', '张三'],

['title', 'Author']

]);

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

标签：ES6,Set,name,记录,学习,person,init,...,new
来源： https://blog.csdn.net/qq_41253612/article/details/115657789

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

ES6 学习内容记录