es6中的默认值不适用于箭头功能

Question

handleSuccessFeatureListing = (selectedOption=7) => {
    console.log(selectedOption);
}

为什么selectedOption仍然可以为null？ 我以为我已经将7设置为selectedOption的参数的默认值？

Answer 1

只有在没有参数或undefined值的情况下调用函数时，默认值才会生效。 如果使用null调用handleSuccessFeatureListing ，则将传递null 。

例如

function fn(arg = 7){
  return arg;
}

fn() === 7
fn(undefined) === 7
fn(6) === 6
fn(null) === null

所以如果你得到一个null ，那么因为当你期望一个undefined值时， null被传递给该函数。