如何在 ES6/ES2015 物件解構期間重新命名目標變數？

ES6/ES2015 中使用Alias 解構

物件解構是ES6/ES2015 中的一個強大功能，它允許我們從物件中提取值並將它們分配給變數。但是，有時我們可能會想在解構期間重命名目標變數。

重新命名目標變數

在您的範例中，您嘗試使用as 語法來重新命名目標像const {a, b as c} = test; 這樣的變量，但這種語法在ES6/ES2015 中無效。

要在物件解構期間重新命名目標變量，只需分配新的變數名稱即可，如下所示MDN 範例：

<code class="javascript">var o = { p: 42, q: true };

// Assign new variable names
var { p: foo, q: bar } = o;

console.log(foo); // 42
console.log(bar); // true</code>

在此範例中，我們解構o 對象並將p 屬性的值指派給foo 變量，並將q 屬性的值指派給bar 變數。 o 物件的 p 和 q 屬性沒有被修改。

以上是如何在 ES6/ES2015 物件解構期間重新命名目標變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！