Vue - 对象增强写法

最新推荐文章于 2023-04-06 16:58:31 发布

学习中的小菜鸟.

最新推荐文章于 2023-04-06 16:58:31 发布

阅读量217

点赞数

分类专栏： Vue ES6 文章标签： js

本文链接：https://blog.csdn.net/qq_33962481/article/details/119062637

版权

Vue 同时被 2 个专栏收录

48 篇文章 2 订阅

订阅专栏

ES6

7 篇文章 0 订阅

订阅专栏

文章目录

一、属性的增强写法
二、函数的增强写法

一、属性的增强写法

<body>
  <script>
    const name = 'zhangsan';
    const age = 18;
    // ES5写法
    const obj = {
      name: name,
      age: age
    }
    // ES6写法
    const obj1 = {
      name,
      age
    }
    console.log(obj);  // {name: "zhangsan", age: 18}
    console.log(obj1);  // {name: "zhangsan", age: 18}
  </script> 
</body>

二、函数的增强写法

<body>
  <script>
    // ES5写法
    const obj = {
      run: function () {
        
      }
    }
    // ES6写法
    const obj1 = {
      run() {

      }
    }
  </script> 
</body>