官术网_书友最值得收藏!

Object literals

ES6 makes some improvements to object literals. There are several improvements, but the one you'll see most is the implicit naming of object properties. In ES5 it would be as follows:

var name = ‘Burak’;
var title = ‘Author’;
var object = {name: name, title: title};

In ES6, if the property name and the variable name are the same as the preceding one, you can simplify it to the following:

const name = ‘Burak’;
const title = ‘Author’;
const object = {name, title};

Additionally, ES6 introduces the object spread operator, which simplifies shallow object merges. For instance, take a look at the following code in ES5:

function combinePreferences(userPreferences) {
var defaultPreferences = {size: ‘large’, mode: ‘view’};
return Object.assign({}, defaultPreferences, userPreferences);
}

The preceding code will create a new object from defaultPreferences, and merge in properties from userPreferences. Passing an empty object to the Object.assign instance first parameter ensures that we create a new object rather than overwriting defaultPreferences (which isn't an issue in the preceding example, but is an issue in real-life use cases).

And now, let's take a look at the same in ES6:

function combinePreferences(userPreferences) {
var defaultPreferences = {size: ‘large’, mode: ‘view’};
return {...defaultPreferences, ...userPreferences};
}

This approach does the same as the ES5 example, but is quicker and easier to read in my opinion than the Object.assign method. Developers familiar with React and Redux, for instance, often use the object spread operator when managing reducer state operations.

主站蜘蛛池模板: 临沂市| 云南省| 育儿| 土默特右旗| 休宁县| 乌海市| 二手房| 东至县| 右玉县| 宣威市| 曲周县| 合阳县| 宁都县| 邯郸县| 利川市| 新泰市| 高青县| 皋兰县| 仲巴县| 东明县| 澜沧| 长丰县| 来宾市| 宽甸| 新丰县| 芒康县| 丰镇市| 晋江市| 太原市| 临澧县| 恭城| 盘山县| 辽宁省| 迁安市| 山西省| 瓦房店市| 顺平县| 威宁| 关岭| 麻城市| 武夷山市|