解构赋值
数组解构
image.png
image.png
image.png
image.png
对象解构
image.png
image.png
image.png
image.png
箭头函数 -- 匿名函数
image.png
image.png
image.png
image.png
箭头函数 this的指向
image.png
image.png
call方法可以改变函数内部this的指向 ,也就是说将fn函数内部的this指向了obj这个对象。
因为箭头函数内部没有this,如果在箭头函数中使用this,那么他指向箭头函数定义区域的this,此时箭头函数定义在函数fn的内部,也就是说此时是fn函数中的this。所以它指向了我们定义的obj对象!
image.png
解答:箭头函数没有this,此时箭头函数定义在对象中,对象没有自己的作用域,所以继续向上找,找到window对象,里边并没有age这个属性,所以输出结果是undefined!
所以去定义一个全局变量 var age = 1; 可以验证一下。发现此时this就是指向了window的age。
剩余参数 ... 注意:箭头函数中没有arguments 为数组这个对象!
image.png
image.png
image.png
image.png
image.png
Array扩展
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
...oDivs 是一个以逗号分隔的参数序列,加一个中括号变成真正的数组! [ ...oDivs ]
array.from 伪数组转化数组
image.png
image.png
image.png
image.png
find() 里边的箭头函数 item是元素, index是下标。如果找到返回对象,找不到undefined。
image.png
image.png
findIndex() 返回的是索引下标
image.png
image.png
includes() 数组中是否包含给定的值 -- indexOf()
image.png
image.png
String 模板字符串 可以换行
image.png
image.png
image.png
image.png
image.png
startsWith endsWith 返回布尔值
image.png
image.png
repeat() 把原字符串重复N次
image.png
image.png
Set
image.png
image.png
image.png
image.png
image.png
image.png
image.png