資訊專欄INFORMATION COLUMN
摘要：使得聲明對象字面量更加簡單，提供了屬性簡寫和方法簡寫功能，屬性名計算的新特性。屬性簡寫在及以前的版本中，對象字面量只支持鍵值對集合。實際業務中，對象字面量的初始化會有一定的代碼重復。
ECMAScript6使得聲明對象字面量更加簡單，提供了屬性簡寫和方法簡寫功能，屬性名計算的新特性。
function getInfo(name, age, weight) {
return {
// 如果屬性名和屬性值同名可以利用、es6的屬性簡寫
name, // 等同于 make: make
age, // 等同于 model: model
weight, // 等同于 value: value
// ES6的屬性名是可計算的
["over" + weight]: true,
// 對象方法名簡寫可以省略 function 關鍵字
descripte() {
console.log(name, age, weight);
}
};
}
let person = getInfo("Kia", 27, 400);
console.log(person);// {name: "Kia", age: 27, weight: 400, over400: true, descripte: ?}
如果可以理解上述三個新特性，可以不必往下閱讀。下面的文字僅提供給還有疑問的朋友。
屬性簡寫在 ES5及以前的版本中，對象字面量只支持鍵值對集合。實際業務中，對象字面量的初始化會有一定的代碼重復。
//ES5
function createPeople(name, age) {
return {
name: name,
age: age
};
}
createPeople函數用來創建一個People的對象，可以看到上面的代碼的 name和age分別書寫了兩次，有些麻煩。在ES6中通過使用屬性簡寫特性可以消除這種屬性名稱和局部變量之間的重復書寫,當對象的屬性和變量同名時，可以不必再寫冒號和值。
function createPeople(name, age) {
return {
name,
age
};
}
方法名簡寫
ES5中若為對象添加方法必須指定方法名稱，并完整地定義函數來實現。
var people = {
name: "xixi",
sayName: function () {
console.log(this.name);
}
};
ES6的語法更簡潔，消除了冒號和方法名。
let people = {
name: "xixi",
sayName() {
console.log(this.name);
}
};
people.sayName();// xixi
屬性可計算
let lastName = "last name";
let person = {
[lastName]: "yuan"
};
console.log(person[lastName]);// yuan
總結
對象字面量擴展的3個新特性介紹完畢，大家可以回到文章開頭檢查一下自己是否掌握了本小結內容。
refs深入理解ES6
learning-es6-enhanced-object-literals
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88874.html
摘要：語法和數據類型正文開始本章節復習的是中的基本語法，變量聲明，數據類型和字面量。聲明一個塊作用域的局部變量，可賦一個初始值。變量聲明有三種方式如，聲明局部變量和全局變量。 最近開始把精力放在重新復習JavaScript的基礎知識上面，不再太追求各種花枝招展的前端框架，框架再多，適合實際項目才是最重要。 上星期在掘金發布了幾篇文章，其中最大塊算是 【復習資料】ES6/ES7/ES8/ES...
摘要：通過多種方式來加強對象的使用，通過簡單的語法擴展，提供更多操作對象及與對象交互的方法。增強對象原型改變對象的原型正常情況下，無論是通過構造函數還是方法創建對象，其原型是在被創建時指定的。引用相當于指向對象原型的指針 ES6通過多種方式來加強對象的使用，通過簡單的語法擴展，提供更多操作對象及與對象交互的方法。 對象字面量語法擴展 對象屬性初始值的簡寫 ES5中初始化屬性值的方式： fun...
摘要：本系列文章適合快速掌握入門語法，想深入學習的小伙伴可以看看阮一峰老師的入門本篇文章是對之前文章的一個補充，可以使代碼更簡潔函數參數默認值在傳統語法中如果想設置函數默認值一般我們采用判斷的形式在新的語法中我們可以在參數聲明的同時賦予默認值參數 本系列文章適合快速掌握 ES6 入門語法，想深入學習 ES6 的小伙伴可以看看阮一峰老師的《ECMAScript 6 入門》 本篇文章是對之前文章...
摘要：本章主要講個知識點，字符串正則表達式字符串字符串是大原始數據類型。提供的標準形式，接受一個可選的字符串參數，指明應用某種標準形式。如果在字符串中檢測到指定文本，返回，否則。字符串內插入反撇號的方式。 相比較于第一章變量的聲明，這一章的內容有了一點深度提升，但還不至于很難理解。本章主要講2個知識點，字符串、正則表達式 字符串 字符串（String）是JavaScript6大原始數據類型。...
閱讀 3323·2021-11-22 12:04
閱讀 2705·2019-08-29 13:49
閱讀 482·2019-08-26 13:45
閱讀 2238·2019-08-26 11:56
閱讀 998·2019-08-26 11:43
閱讀 587·2019-08-26 10:45
閱讀 1266·2019-08-23 16:48
閱讀 2157·2019-08-23 16:07
