ES6基础之——对象表达式

Posted fe-cherrydlh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6基础之——对象表达式相关的知识,希望对你有一定的参考价值。

这里定义了两个变量,一个是dessert,一个是drink,
let dessert=‘cake‘,drink=‘orange‘;



一、根据两个变量的值去定义一个对象,这个对象叫food,对象里面属性跟变量的名字是一样的,属性值对应上面的变量
let dessert=‘cake‘,drink=‘orange‘;
let food=
dessert:dessert,
drink:drink,

console.log(food) //dessert:‘cake‘,drink:‘orange‘

 

如果在对象里面添加跟变量名字一样的属性值,并且这个属性的值就是这个变量表示的值,可以直接在对象里面加上这些属性,不需要指定他的值
let dessert=‘cake‘,drink=‘orange‘;
let food=
dessert,
drink,

console.log(food) //dessert:‘cake‘,drink:‘orange‘

 

二、在对象里面添加一个方法,它的值是一个函数,以前的方法是这样的:
let dessert=‘cake‘,drink=‘orange‘;
let food=
dessert,
drink,
breakfast:function()

console.log(food)



现在可以直接去掉:function,直接使用方法的名字,如:
let food=
dessert,
drink,
breakfast()

console.log(food) //dessert:‘cake‘,drink:‘orange‘,breakfast:f

 

以上是关于ES6基础之——对象表达式的主要内容,如果未能解决你的问题,请参考以下文章

ES6基础入门教程(九)修改对象的键值

ES6知识点整理之----正则表达式扩展

web前端之es6对象的扩展

ES6基础之——函数的名字name属性

ES6 之函数扩展和对象扩展

ES6知识点整理之----Generator----概述