【ECMAScript 5_6_7】5、ES6——简化的对象写法

71 阅读 0 评论 47 点赞

我是靠谱客的博主简单洋葱，最近开发中收集的这篇文章主要介绍【ECMAScript 5_6_7】5、ES6——简化的对象写法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、简化的对象写法

简化的对象写法
* 省略同名的属性值
* 省略方法的function
* 例如:
let x = 1;
let y = 2;
let point = {
x,
y,
setX (x) {this.x = x}
};

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>05_简化的对象写法</title>
</head>
<body>
<script type="text/javascript">
let username = 'onedean'
let age = 20
let obj = {
username:username,
age:age,
getName:function () {
return this.username
}
}
console.log(obj)
console.log(obj.getName())
let obj1 = {
username,
// 省略同名的属性值
age,
getName(){
// 省略方法的function
return this.username
}
}
console.log(obj1)
console.log(obj1.username)
</script>
</body>
</html>