ES6知识整理（3）--函数的扩展

只有整理过的学习才是有效的学习。也就是学习之后要使用和整理成文，才是真正的学到了。。。

最近上班有点忙的关系，于是文章更新会慢些。只有晚上加完班之后，空余时间才能学习整理。因此完成一篇也可能要几个晚上的时间。

另外在想，技术类文章，在封闭式的微信下并不好传播，于是也会同步更新到博客中，并互相关联（方便搜索引流）。

函数参数默认值


这是es5调函数时，参数的默认值

image.png

这是es6调函数时，参数的默认值

直接在参数中给出默认值就可以

image.png

但是这样就报错了

（参数已经申明了就不能在内部再次let、const申明）

image.png

es6允许同参数函数（但一般不会用这个），但这样就不允许使用默认值

image.png

函数默认值结合解构赋值使用


image.png

函数的length属性


可见，返回的是第一个有默认值参数前的无默认值参数的个数（不常用）

image.png

函数作用域


函数参数是自带let声明的，所以作用域在该函数内生效

image.png

函数参数内未声明，则会去上级找变量的值，若没有则会报错

image.png

rest参数 ...变量


...变量就是讲传进来的多余参数全部变为数组

image.png

name属性


函数名的name属性

image.png

箭头函数


es5和es6的写法对比

image.png

image.png

image.png

返回一个对象，需要在{}外层加小括号

image.png

箭头函数配合解构赋值

image.png

简化回调函数

image.png

箭头函数this


call方法传入对象，this代表该对象，但es5的回调中的this代表window对象

image.png



即使工作中，也要平均每天（晚上）花1-2个小时进行学习与总结，无论学的是什么。


——海瑞菌

qrcode_for_gh_94b347630286_258.jpg


posted @ 2018-05-25 20:58  herry菌  阅读(251)  评论(0)  编辑  收藏  举报