ES6(2)解构赋值

解构赋值

数组解构

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容