---恢复内容开始---
1.let or const
有块级作用域,let 声明变量,const声明常量
2.箭头函数
不绑定this 隐式返回 简单明了
不宜使用箭头函数
构造函数,一个方法需要绑定到对象 (new)
需要使用到this的时候
需要使用到arguments
3.函数默认值
conat A =(a=5, b=3)=> {}
A();
参数默认去判断undefined A(undefined,3) 要不能指定 null A(null, 4)
4.模板字符串
`${}` 可以放变量,可以放表达式,数组循环
5.字符串函数
startWith() 当前字符串是否是以另外一个给定的子字符串“开头”的,
endWith() 当前字符串是否是以另外一个给定的子字符串“结尾”的,
includes() 查找
repeat(n) 重复 n 次
6.对象解构
const top = {a: 1, b: 2, c:3}
const {a, b, c} = tom;
{a:A} 重命名 (要用A)
{d = '默认值'} 要明确undefined才会用默认值 null 0 都不会用
7.数组解构
const arr = [a, b, c]
const [a, ...d] = arr // d[b,c]
交换位置 [a, b] = [b, a]
8.for in 循环
for 循环
forEach 不能打断
for in 下标值
for of 属性值 可以终止和跳过 支持 字符串,nodeList (不支持对象)
9.数组新方法
Array.from() (不是数组原型上面的方法)
可以将伪数组(NodeList, arguments)转为真正的数组, 字符串也能转换成数组 'aa' // ['a', 'b']
Array.of()
可以弥补数组原生的缺陷 返回输入的参数的数组
find() 找到数组中合适的元素就会结束循环,节约性能
Array.find((e,i,arr) => {})
findIndex() 找到数组中合适的下标就会结束循环,节约性能
Array.find((e,i,arr) => {})
some() 对数组中有一个符合条件的就返回布尔值 一真即真
every() 对数组中有所有符合条件的就返回布尔值 一假即假
10. 剩余参数
function a(a,...arr){}
a(1,2,3,4,5)
const arrs = ['name', 123, 2.4, 3.4, 5.6]
const [name, id, ...arr] = arrs
11.扩展运算
const arr = [...arr1, ...arr2]
12.Promise
解决 回调地狱
Promise.all([]) 当所有的请求都成功后会返回数据,数据的顺序就是数组中请求的方法的顺序
Promise.race([]), 返回请求中的第一个reslove 结果
const A = new Promise((reslove, reject) => { setTimeout(() => { reslove('我是大A'); }, 2000) }) const B = new Promise((reslove, reject) => { setTimeout(() => { reslove("我是大B") // reject('失败啦') }, 200) }) Promise.all([A, B]) .then(res => console.log(res)) // 全部成功才会走then,有一个失败就走catch .catch(err => console.log(err)); Promise.race([A, B]) .then(res => console.log(res)) // 返回第一个结果 .catch(err => console.log(err))
13.symbol
第7种数据类型,可以作为唯一标示,定义对象私有化属性
const peoples = { xiaoming: {age: 23}, xiaohong: {age: 24}, xiaoming: {age: 25} // 会覆盖第一个小明,要用symbol } const _peoples = { [Symbol('xiaoming')]: {age: 23}, [Symbol('xiaohong')]: {age: 24}, [Symbol('xiaoming')]: {age: 25} } // 打印后会输出Symbol对象 // {Symbol(xiaoming): {…}, Symbol(xiaohong): {…}, Symbol(xiaoming): {…}} // Symbol(xiaohong): {age: 24} // Symbol(xiaoming): {age: 23} // Symbol(xiaoming): {age: 25} // 要用Object.getOwnPropertySymbols 方法遍历symbol类型 const keys = Object.getOwnPropertySymbols(_peoples).map(p => _peoples[p]); console.log(keys); // (3) [{…}, {…}, {…}] // 0: {age: 23} // 1: {age: 24} // 2: {age: 25}