JS関数宣言：ここで、パラメータ宣言

Question

に空のオブジェクトに割り当てられた中括弧オブジェクトは、コードされ

export function createConnect({ 
    connectHOC = connectAdvanced, 
    mapStateToPropsFactories = defaultMapStateToPropsFactories, 
    mapDispatchToPropsFactories = defaultMapDispatchToPropsFactories, 
    mergePropsFactories = defaultMergePropsFactories, 
    selectorFactory = defaultSelectorFactory 
} = {}) {...} 

何{connectHOC = connectAdvanced ...} = {}関数パラメータ宣言内意味しますか？

は私が

= {} 

は、関数パラメータのデフォルト値を意味するかもしれないことを知っているが、以前の括弧内のコードの使用何ですか？

Answer 1

これはES2015の構文です。関数の宣言では、Destructuring assignmentがデフォルト値と結合されています。

これは、オブジェクトを使用して、基本的な分割代入です：

var {a, b} = {a: "foo", b: "bar"}; 
 
console.log(a); // "foo" 
 
console.log(b); // "bar"

あなたは左側にデフォルト値を追加することができます。

var {a = "foo", b = "bar"} = {}; 
 
console.log(a); // "foo" 
 
console.log(b); // "bar"

関数を宣言するときに、引数に名前を付けるとき、あなたはそれが同じになる構造化代入var、およびオブジェクトでは使用しないでください：もちろん、あなたが定義することができ、

function test({a = "foo", b = "bar"}){ 
 
    console.log(a + b); 
 
} 
 
test({}); // "foobar" 
 
test({b: "boo"}); // "fooboo"

そして、あなたの関数が引数を取る必要はありません。

function test({a = "foo", b = "bar"} = {}){ 
 
    console.log(a + b); 
 
} 
 
test(); // "foobar"

Answer 2

これは単に、非構造化を使用してデフォルトパラメータを実行する方法です。あなたはデフォルトとして提案したように最後のビットが必要です。

の例のようにdestructuring assignmentを使用する、次のことを考えてみます。

デフォルトが欠落している、この1、対

function withDefault({parameter=something} = {}) { 
 
console.log(parameter) 
 
} 
 

 
let something = 1; 
 
withDefault();

、およびエラーがスローされます。

function withoutDefault({parameter=something}) { 
 
console.log(parameter) 
 
} 
 

 
let something = 1; 
 
withoutDefault(); 
 
// It needs to be called as withoutDefault({}), withoutDefault(1) or 
 
// with some value, since the function signature doesn't define a default 
 
// in this case.