ES6 对象的简化写法

最新推荐文章于 2024-07-20 17:43:59 发布

原创最新推荐文章于 2024-07-20 17:43:59 发布 · 330 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #vue.js

Vue 同时被 2 个专栏收录

59 篇文章

订阅专栏

ES6

10 篇文章

订阅专栏

本文介绍了ES6中如何通过简洁语法在对象定义时直接赋值变量和函数，如`name`和`famous`，以及如何省略冒号和`function`关键字来定义方法。

ES6允许在大括号里面，直接写入变量和函数，作为对象的属性和方法

前提是对象的属性必须和属性值的名字是一样的

let name = '你好'
let famous = function() {
    console.log('时间管理大师')
}

const star = {
    name,
    famous
}
// 相当于
// const star = {
//     name: name,
//     famous: famous
// }

ES6还允许在对象中写函数时，去掉:和function

const star = {
	name: "你好",
	sex: "男",
	say(){
		console.log("我是时间管理大师")
	}
    // 相当于
    // say: function() {
    //     console.log("我是时间管理大师")
    // }
}