博客列表 >2020-05-30——ES6 函数

2020-05-30——ES6 函数

A 枕上人如玉、
A 枕上人如玉、原创
2020年05月30日 14:53:02654浏览

参数的默认值

方便地设置函数参数的默认值

  1. function print( a = 2 ){
  2. console.log(a)
  3. }
  4. print() //2

1.ES6 扩展运算符…获取其余参数

可以使用…加上变量名保存其他参数全部数量。当只知道函数的前几个具体参数,不确定之后会有多少个参数传入时,可以使用…把其他传入的参数保存到一个数组中。

  1. function print(value1, value2, ...values){
  2. console.log(values.join('--'))
  3. }
  4. print(1, 2, '参数3') // 参数3
  5. print(1, 2, '参数3', '参数4', '参数5')
  6. // print(1, 2, '参数3', '参数4', '参数5')

2.ES6 使用箭头函数

使用箭头函数有两个好处:

代码更加简洁
静态绑定this 箭头函数中,this指向的是定义箭头函数的对象中的this。

  1. var name = 'outer'
  2. var obj = {
  3. name: 'inner',
  4. func: () => {
  5. console.log(this.name) }
  6. }
  7. var obj2 = {
  8. name: 'inner',
  9. func: function() {
  10. console.log(this.name)
  11. }
  12. }obj.func()
  13. // "outer"
  14. obj2.func()
  15. // "inner

第一个使用了箭头函数,由于箭头函数的this与其所在环境中的this相同,也就是与obj的this相同,而obj处于全局环境的活动对象中,this指向全局对象,这里指window,所以输出outer。注意:obj对象的this与它的属性中的this不一样。第二个使用了寻常函数,作为obj2的一个属性,func方法中的this指向了所在的对象。输出inner。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议