[ES6] 12. Shorthand Properties in ES6

最新推荐文章于 2021-10-25 00:21:59 发布

weixin_30449239

最新推荐文章于 2021-10-25 00:21:59 发布

阅读量259

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Answer1215/p/4116075.html

本文介绍了ES6中的一种简洁语法——属性简写语法，它允许开发者以更简单的方式将变量赋值为对象的属性。通过示例展示了如何使用此语法创建对象，并进一步构建包含对象属性的对象。

Where destructuring in ES6 allows you to easily get properties out of an object, this shorthand property syntax allows you to easily push properties in.

let firstName = "Answer";
let lastName = "Question";

let person = {firstName, lastName}

console.log(person);  // { firstName: 'Answer', lastName: 'Question' }

let mascot = "Moose";

let team = {person, mascot};

console.log(team); // { person: { firstName: 'Answer', lastName: 'Question' },
                   //mascot: 'Moose' }