js中什么是對(duì)象解構(gòu)

這篇文章主要為大家展示了“js中什么是對(duì)象解構(gòu)”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“js中什么是對(duì)象解構(gòu)”這篇文章吧。

什么是對(duì)象解構(gòu)？

對(duì)象析構(gòu)是從對(duì)象或數(shù)組中獲取或提取值的一種新的、更簡(jiǎn)潔的方法。假設(shè)有如下的對(duì)象：

const employee = {
  firstName: "Marko",
  lastName: "Polo",
  position: "Software Developer",
  yearHired: 2017};

從對(duì)象獲取屬性，早期方法是創(chuàng)建一個(gè)與對(duì)象屬性同名的變量。這種方法很麻煩，因?yàn)槲覀円獮槊總€(gè)屬性創(chuàng)建一個(gè)新變量。假設(shè)我們有一個(gè)大對(duì)象，它有很多屬性和方法，用這種方法提取屬性會(huì)很麻煩。

var firstName = employee.firstName;
var lastName = employee.lastName;
var position = employee.position;
var yearHired = employee.yearHired;

使用解構(gòu)方式語(yǔ)法就變得簡(jiǎn)潔多了：

{ firstName, lastName, position, yearHired } = employee;

我們還可以為屬性取別名：

let { firstName: fName, lastName: lName, position, yearHired } = employee;

當(dāng)然如果屬性值為 undefined 時(shí)，我們還可以指定默認(rèn)值：

let { firstName = "Mark", lastName: lName, position, yearHired } = employee;

以上是“js中什么是對(duì)象解構(gòu)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！