Xmind鸟瞰图:
简单文字总结:
ES6知识总结
Proxy(代理):
1.作用:实现数据的私有化处理
2.target 目标对象 handler处理函数
3.处理函数中有两个方法:get,set
4.读取数据会触发get方法,写入数据会触发set方法
Reflect(反射)
1.作用:用于拦截并操作JavaScript对象的方法
2.提供与Object内置方法相同功能的方法
3.提供更安全的操作
4.作为Proxy的默认操作
ES6字符串的操作方法:
1.字符串的识别:
①includes():返回布尔值,判断是否找到参数字符串。
②startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。
③endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。
2,字符串重复:repeat():返回新的字符串,表示将字符串重复指定次数返回。
3.字符串补全:
①padStart(targetLength [, padString]):返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串。
②padEnd(targetLength [, padString]):返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。
4.模版字符串:通过反引号(`)来定义字符串,并且可以包含占位符${...}
ES6对象的操作方法:
1.属性简写:如果对象属性的键名与变量名相同,可以直接使用变量名作为属性的简写。
2.对象字面量中的方法简写:不需要使用function关键字和冒号。
3.Object.assign() 方法用于将所有可枚举的自有属性的值从一个或多个源对象复制到目标对象。
4.Object.is() 方法判断两个值是否相同,例外:+0 不等于 -0,以及 NaN 等于自身。
ES6数组的操作方法:
1.Array.of()将参数中所有值作为元素形成数组。
2.Array.from()将类数组对象或可迭代对象转化为数组
3.findIndex() 返回符合条件的第一个元素的索引 找到符合条件的元素后就不再遍历
4.flat() 抚平数组--数组扁平化
ES6新增箭头函数:
1.语法结构:(参数)=>{}
2.有多个参数时,小括号不能省略
3.只有一个参数时,小括号可以省略
4.没有参数的时候,小括号一定不能省略
5.当函数体只有一个语句时可以省略return和{}
6.箭头函数没有arguments对象
7.箭头函数没有this,箭头函数的this指向父级所在的作用域