ES6对象增强写法

小码哥呀

已于 2022-02-08 11:19:11 修改

阅读量205

点赞数

分类专栏： VUE 文章标签：前端 vue

于 2021-11-08 15:33:04 首次发布

本文链接：https://blog.csdn.net/qq_46112274/article/details/121208641

版权

VUE 专栏收录该内容

62 篇文章 8 订阅

订阅专栏

在es6中，对字面量进行了很多增强。

1、属性的简写

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

</div>
<script src="../js/vue.js"></script>
<script>
    //1、属性的简写
    let name='why';
    let age='18';
    //es6之前
    let obj1 = {
      name: name,
      age: age
    }
    console.log(obj1)
    
    //es6之后
    let obj2 = {
      name, age
    }
    console.log(obj2)
</script>
</body>
</html>

在这里插入图片描述

2、方法的简写

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

</div>
<script src="../js/vue.js"></script>
<script>
  //2、方法的简写
  let obj1 = {
    test:function(){
      console.log('obj1的test函数');
    }
  }
  obj1.test();
  
  let obj2 = {
    test(){
      console.log('obj2的test函数');
    }
  }
  obj2.test()
</script>
</body>
</html>

在这里插入图片描述

小码哥呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6对象增强写法

在es6中，对字面量进行了很多增强。1、属性的简写 //1、属性的简写 //es6之前 // let name='why'; // let age='18'; // let obj1 = { // name: name, // age: age // } // console.log(obj1) // //es6之后 // let obj2 = { // name, age // } // console.log(obj2)2、
复制链接

扫一扫