es6 对象字面增强写法

最新推荐文章于 2021-11-08 15:33:04 发布

无味无感

最新推荐文章于 2021-11-08 15:33:04 发布

阅读量188

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_41863998/article/details/118463347

版权

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

属性和函数写法更多变了，让代码看起来更简洁了

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

  <script>
    <!---->
    <!--1.属性增强写法-->
    const name='张三'
    const age=17
    const height=1.73
    <!--1.1 es5写法-->
    // const obj={
    //   name:name,
    //   age:age,
    //   height:height
    // }
    // console.log(obj)
    <!--1.2 es6写法-->
    // const obj={
    //   name,
    //   age,
    //   height
    // }
    // console.log(obj)

    <!--2.函数增强写法-->
    <!--1.1 es5函数增强写法-->
    // const obj={
    //   name:function () {
    //     console.log(name)
    //   },
    //   age:function () {
    //     console.log(age)
    //   },
    //   height:function () {
    //     console.log(height)
    //   },
    // }
    // console.log(obj)
    <!--1.2 es6函数增强写法-->
    const obj={
      name () {
        return name
      },
      age () {
        console.log(age)
      },
      height () {
        console.log(height)
      }
    }
    console.log(obj)
  </script>
</body>
</html>