JavaScript 基础系列之对象属性简写 < 9E3E span class="f1-light color-fg-muted">#84

yuanyuanbyte · 2021-11-22T16:42:34Z

本系列的主题是 JavaScript 基础，每期讲解一个技术要点。如果你还不了解各系列内容，文末点击查看全部文章，点我跳转到文末。

如果觉得本系列不错，欢迎 Star，你的支持是我创作分享的最大动力。

ES6 对象属性简写

在ES6中允许我们在设置一个对象的属性的时候不指定属性名。

不使用ES6：

const name='Ming',age='18',city='Shanghai';
   
const student = {
    name:name,
    age:age,
    city:city
};
console.log(student);//{name: "Ming", age: "18", city: "Shanghai"}

对象中必须包含属性和值，显得非常冗余。

使用ES6：

const name='Ming',age='18',city='Shanghai';
  
const student = {
    name,
    age,
    city
};
console.log(student);//{name: "Ming", age: "18", city: "Shanghai"}

对象中直接写变量，非常简洁。

查看全部文章

博文系列目录

JavaScript 深入系列
JavaScript 专题系列
JavaScript 基础系列
网络系列
浏览器系列
Webpack 系列
Vue 系列
性能优化与网络安全系列
HTML 应知应会系列
CSS 应知应会系列

交流

各系列文章汇总：https://github.com/yuanyuanbyte/Blog

我是圆圆，一名深耕于前端开发的攻城狮。

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

JavaScript 基础系列之对象属性简写 < 9E3E span class="f1-light color-fg-muted">#84

JavaScript 基础系列之对象属性简写 #84

JavaScript 基础系列之对象属性简写 < 9E3E span class="f1-light color-fg-muted">#84

JavaScript 基础系列之对象属性简写 #84

Comments

Uh oh!

ES6 对象属性简写

博文系列目录

交流