ES6-函数默认参数和箭头函数

最新推荐文章于 2022-10-21 00:26:45 发布

weixin_33691700

最新推荐文章于 2022-10-21 00:26:45 发布

阅读量124

点赞数

原文链接：https://juejin.im/post/5c8c9814e51d452539409c6b

版权

函数的默认参数在ES5中，我们给函数传参数，然后在函数体内设置默认值，如下面这种方式。

function a(num, callback) {
  num = num || 6
  callback = callback || function (data) {console.log('ES5: ', data)}
  callback(num * num)
}
a() //ES5: 36，不传参输出默认值

//你还可以这样使用callback
a(10, function(data) {
  console.log(data * 10) // 1000， 传参输出新数值
})
复制代码

在ES6中，我们使用新的默认值写法

function a(num = 6, callback = function (data) {console.log('ES6: ', data)}) {
  callback(num * num)
}

a() //ES6: 36， 不传参输出默认值

a(10, function(data) {
  console.log(data * 10) // 1000，传参输出新数值
})
复制代码