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

const map = new Map([

['name', '张三'],

['title', 'Author']

]);

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

ES6 学习内容记录相关推荐

PhysX初步学习内容记录
NVIDIA® PhysX® SDK 3.3.4 Documentation http://docs.nvidia.com/gameworks/content/gameworkslibrary/phy ...
blender学习内容记录（3）
不知不觉又是近两个月过去了,刚好昨晚跟朋友打ow2(vrising那烂服务器连房主都进不去游戏,蚌)而没去看shonzo脸部正视图投影uv的具体缝合边安排.了解cats插件导出模型时对刷骨骼权重的具体 ...
Linux学习之端口、网络协议及查看端口占用情况(学习内容记录)
端口:设备与外界通讯交流的出口网络协议: 网络协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则. HTTP协议: HTTP协议(超文本传输协议)是一种网络通信协议,它允许将超 ...
Hadoop学习全程记录——在Eclipse中运行第一个MapReduce程序
网友分享,拿来共享一下这是Hadoop学习全程记录第2篇,在这篇里我将介绍一下如何在Eclipse下写第一个MapReduce程序. 新说明一下我的开发环境: 操作系统:在windows下使用wub ...
es6学习笔记-module_v1.0_byKL
es6 学习-module_v1.0 ES6模块不是对象,而是通过export命令显式指定输出的代码,输入时也采用静态命令的形式. ES6的模块自动采用严格模式 export命令用于规定模块的对外接口 ...
python多分类混淆矩阵代码_深度学习自学记录（3）——两种多分类混淆矩阵的Python实现（含代码）...
深度学习自学记录(3)--两种多分类混淆矩阵的Python实现(含代码),矩阵,样本,模型,类别,真实深度学习自学记录(3)--两种多分类混淆矩阵的Python实现(含代码) 深度学习自学记录(3) ...
ES6学习笔记（三）：教你用js面向对象思维来实现 tab栏增删改查功能
前两篇文章主要介绍了类和对象.类的继承,如果想了解更多理论请查阅<ES6学习笔记(一):轻松搞懂面向对象编程.类和对象>.<ES6学习笔记(二):教你玩转类的继承和类的对象>, ...
ES6学习（九）—Generator 函数的语法
ES6学习(九)-Generator 函数的语法 Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同. Generator函数是一个状态机,内部封装了不同状态的 ...
ES6学习（一）— Babel转码器的使用和配置
ES6学习(一)- Babel转码器的使用和配置 Babel转码器 Babel是一个广泛使用的ES6转码器,可以将ES6代码转化为ES5代码从而在老版本的浏览器进行. 这意味着,你可以使用ES6的方式 ...
【深度学习】深度学习实验记录--自编码+分类器
深度学习课程记录自编码分类器神经网络记录 1.Train the autoencoder by using unlabeled data 训练1(fail) 训练2(fail) 训练3(fail) ...

ES6 学习内容记录

ES6 学习内容记录相关推荐

最新文章

热门文章