Javascript變量語句作為鍵值對

Question

我正在使用Relay在javascript中編程，發現以下語句：

const { connectionType: UsersConnectionType } = connectionDefinitions( { nodeType: UserType });

{ connectionType: CustomerConnectionType }到底是什么意思？ 以后如何引用該變量，以及如果我還有另外兩個變量，如何導出該變量，例如：

const { connectionType: CustomerConnectionType } = connectionDefinitions( { nodeType: CustomerType });
const { connectionType: ItemConnectionType } = connectionDefinitions( { nodeType: ItemType });

Answer 1

我想我剛剛找到了它-這是一個Destructuring任務 。 數組還有其他形式，等等。這是ECMAScript 6。

可以從對象中解壓縮屬性，然后將其分配給名稱與對象屬性不同的變量。

var o = {p: 42, q: true};
var {p: foo, q: bar} = o;

console.log(foo); // 42 
console.log(bar); // true

坦白地說，我認為語法令人困惑-我會改用var { foo: p, bar: q} （或者完全使用完全不同的語法，因此它看起來與對象初始化沒有混淆的相似性），但是我想他們已經他們的原因。

在你的情況下

const { connectionType: UsersConnectionType } = connectionDefinitions({nodeType:UserType});

實際上等於

const UsersConnectionType = connectionDefinitions({nodeType:UserType}).connectionType;

只是帶着更多的光輝和困惑。 :)

Answer 2

這是初始化UsersConnectionType的一種方式，看一下示例

 function A(){ return {x : 5}; } let {x : y} = A(); console.log(y); 

如果您知道函數的返回值是什么，則可以通過這種方式對其進行初始化。

{x : y} 

此處y被分配了從函數A（）返回的x的值