013.ES6 -对象字面量增强型写法

以前我们定义一个对象而且往里面放东西都是这样写的:

<script>
const a = 1;
const b = "2";


const obj = {
    //都是: 键:值
    a:a,
    b:b,
    c:"xxxx",
    d:function (){
        let  a = "123";
        alert(a)
    }
}

</script>

但是 ES6 是这样写的:

<script>
const a = 1;
const b = "2";


const obj = {
    //ES6直接写值,键会自动补齐:
    a,
    b
}
//可以调试输出一下 不骗你哦
console.log(obj);
</script>

 

还有就是 匿名函数的写法:

ES5 是这样写的:

   const obj = {
        //ES5 是这样写:
        a:function (){
            alert("我是a")
        }
    }

那么 ES6 直接省去 function 和 冒号:

<script>
    const obj = {
        //ES6 是这样写:
        a(){
            alert("我是a")
        },
        b(){
            alert("我是b")
        }
    }

    console.log(obj);
</script>

 

而且现在正在 前端缩进要为2个空格了

posted @ 2021-07-01 10:08  咸瑜  阅读(70)  评论(0编辑  收藏  举报