ES6对象字面量的增强写法

白话前端

什么是对象字面量

定义一个对象叫obj

const obj = new Object() //创建一个Object 赋值给obj

但实际开发中我们通常不会这样写,我们一般会写成

const obj = { }  //这个大括号就叫对象字面量

上面那个大括号{ }就叫对象字面量。

对象字面量的写法

给对象字面量添加一些属性和方法

const obj = {
    name: 'why',
    age: 18,
    run: function () {
      console.log('在奔跑');
    },
    eat: function () {
      console.log('在次东西');
    }
}

对象字面量的增强写法

属性的增强写法

定义name,age,height三个属性。

ES5版本

const name = 'why';
const age = 18;
const height = 1.88

const obj = {
    name: name,
    age: age,
    height: height
}

ES6版本

const name = 'why';
const age = 18;
const height = 1.88

const obj = {
  name,
  age,
  height,
} //给obj添加name、age、height三个属性,值从同名变量找

函数的增强写法

ES5版本

const obj = {
  run: function () {
  
  },
  eat: function () {
  
  }
}

ES6版本

const obj = {
  run() {

  },
  eat() {

  }
}
阅读 1.8k

100 声望
7 粉丝
0 条评论
100 声望
7 粉丝
文章目录
宣传栏