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

最新推荐文章于 2022-05-21 11:19:43 发布

Onedean

最新推荐文章于 2022-05-21 11:19:43 发布

阅读量261

点赞数

分类专栏： ECMAScript

本文链接：https://blog.csdn.net/edc3001/article/details/85962822

版权

ECMAScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

一、简化的对象写法

简化的对象写法
* 省略同名的属性值
* 省略方法的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>

Onedean

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【ECMAScript 5_6_7】5、ES6——简化的对象写法

一、简化的对象写法简化的对象写法* 省略同名的属性值* 省略方法的function* 例如: let x = 1; let y = 2; let point = { x, y, setX (x) {this.x = x} };&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt...
复制链接

扫一扫

专栏目录