如何在Javascript中使用命名参数的默认值

Question

我有一个 javascript 函数，它将对象作为参数，如下所示：const someFunc = ({ a }) => { <do something> }我这样调用函数：a = 'some value' someFunc({ a })但有时，我需要调用函数而不传递a. 在这种情况下，我需要为a. 如何为对象内的键添加默认值？

Answer 1

我认为您正在寻找默认参数

const someFunc = ({ a = "foo" }) => {

   console.log(a);

}

someFunc({}); // "foo"

someFunc({a: "bar"}); // "bar"

更新 如果您还希望在不传递任何参数的情况下将其设为默认值，a则还需要为包含. 就像是："foo"a

const someFunc = ({ a = "foo" } = {}) => {

   console.log(a);

}

someFunc(); // "foo"

Answer 2

ES6 接受参数的默认值：

const someFunc = ({a} = {a : 6}) => { 

  console.log({a})

}

someFunc({ a : 3 })

someFunc()

Answer 3

const someFunc = ({a, b, c ,d} = {a:10, b: 12, c:3, d:4}) => {

   console.log(a, b, c ,d);

}

someFunc()

请记住，此代码实际上不会在 IE 中工作。

这是 IE 的解决方法：

    var someFunc = function someFunc() {

    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {

       a: 10

    },

    a = _ref.a;

    //here starts the function

    console.log(a);

};

someFunc();

Answer 4

const someFunc = ({ a }) => { 

 typeof a === 'undefined' 

 ? a = 'some default'

 : a = a;

 console.log(a);

}

a = 'some value';

someFunc({ a });

someFunc({});