ecma6学习知识点(四) 函数默认参数，箭头函数，剩余参数

JS函数与箭头函数

最新推荐文章于 2023-03-15 19:56:10 发布

原创最新推荐文章于 2023-03-15 19:56:10 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了JavaScript中函数默认参数的使用方式，包括如何正确调用及注意事项；探讨了在函数参数已定义的情况下不得在函数体内重复定义的问题；讲解了扩展运算符与rest运算符的应用场景，以及如何通过它们来简化代码；最后详细解释了箭头函数的基本格式及其特有的this指向规则。

1.函数默认参数
function show({a=0,b=0}={}){
console.log(a,b);
}
可以这样调用 show({x:"",}) //输出“”，0
也可以这样调用 show(a=“11”,b=“aa”) {} show(“df”,)都可以。
2.在函数参数中已经定义的不能再在函数体中定义了。
function（a，b）{
let a = “sdf”；
}
这样会报错
3.扩展运算符 reset运算符。
…[“dfd”,“sdf”,“sdfdsf”]
会将数组中的元素变为 dfd sdf sdfdsf
reset 可以将多个参数反变为数组。如
function show （…a） {
console.log(a)
}
show(1,2,3,4,5,8,6,8); 会输出数组
Array.prototype.slice.call(arguments).sort(); 可以对参数进行排序
Array.form(str) 可以将字符串变数组
4.箭头函数的基本格式
=>() {} ; return写在{}里
=>(a,b) a+b; 直接return
this问题 this在箭头函数中是定义函数所在的对象，不再是运行时的对象了。
箭头函数里面不再有arguments 要改用…
箭头函数不能成为构造函数即不能使用 new 箭头函数()的方式。