方法参数默认值_【ES6】函数的默认值

最新推荐文章于 2021-11-07 13:30:19 发布

weixin_39565910

最新推荐文章于 2021-11-07 13:30:19 发布

阅读量157

点赞数

文章标签：方法参数默认值

ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。

function log(x, y) {
  y = y || '哈喽';
  console.log(x, y);
}
log('Hello') // Hello World
log('Hello', '你好') // Hello China

这里可以看到，检查函数log的参数y有没有赋值，如果没有，则指定默认值为‘哈喽’。

这种写法的缺点在于，如果参数y赋值了，但是对应的布尔值为false，则该赋值不起作用。就像下面代码，参数y等于空字符，结果被改为默认值。

function log(x, y) {
  y = y || '哈喽';
  console.log(x, y);
}
log('Hello', '') // Hello 哈喽

为了避免这个问题，通常需要先判断一下参数y是否被赋值，如果没有，再等于默认值。

if (typeof y === 'undefined') {
  y = '哈喽';
}

直接写在参数定义的后面

var a = prompt()
function log(x, y = '哈喽') {
  console.log(x, y);
}

log('Hello') // Hello 哈喽
log('Hello', a) // Hello 哈喽
log('Hello', a)

这里可以看到参数y等于空字符，结果也没有被改。

ES6 的写法比 ES5 简洁许多，而且非常自然

ES6里面参数变量是默认声明的，所以不能用let或const再次声明。

function foo(x = 5) {
  let x = 1; // error
  const x = 2; // error
}

上面代码中，参数变量x是默认声明的，在函数体中，不能用let或const再次声明，否则会报错。

使用参数默认值时，函数不能有同名参数。

// 不报错
function foo(x, x, y) {
  // ...
}

// 报错
function foo(x, x, y = 1) {
  // ...
}

这里可以看到，有同名函数的话也会报错

今天就到这里了！

关注