ES6知识整理(3)--函数的扩展

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

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

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

函数参数默认值


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

ES6知识整理(3)--函数的扩展_第1张图片

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

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

image.png

但是这样就报错了

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

image.png

es6允许同参数函数(但一般不会用这个),但这样就不允许使用默认值

image.png

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


ES6知识整理(3)--函数的扩展_第2张图片

函数的length属性


可见,返回的是第一个有默认值参数前的无默认值参数的个数(不常用)

ES6知识整理(3)--函数的扩展_第3张图片

函数作用域


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

ES6知识整理(3)--函数的扩展_第4张图片

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

image.png

rest参数 ...变量


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

image.png

name属性


函数名的name属性

image.png

箭头函数


es5和es6的写法对比

ES6知识整理(3)--函数的扩展_第5张图片

ES6知识整理(3)--函数的扩展_第6张图片

ES6知识整理(3)--函数的扩展_第7张图片

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

image.png

箭头函数配合解构赋值

image.png

简化回调函数

ES6知识整理(3)--函数的扩展_第8张图片

箭头函数this


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

ES6知识整理(3)--函数的扩展_第9张图片



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


——海瑞菌

qrcode_for_gh_94b347630286_258.jpg


转载于:https://www.cnblogs.com/wuhairui/p/9090656.html

你可能感兴趣的:(ES6知识整理(3)--函数的扩展)