ES6對象字面量的增強寫法

對象字面量的增強寫法是ES6相對於之前版本的ECMAScript新加入的寫法,可以使開發過程中的對象的操作變得更加簡單

一、對象的屬性增強
在ES5中對象是這樣寫的:

<script>
        var obj={
            name:'curry',
            age:18,
            height:1.98,
        }
    </script>

而ES5在對象之前定義了屬性值的時候需要這樣寫:

<script>

        var name='curry';
        var age=18;
        var height=1.98;

        var obj={
            name:name,
            age:age,
            height:height
        }
        
    </script>

ES6在對象之前定義了屬性值的時候只需要這樣寫:

<script>

        var name='curry';
        var age=18;
        var height=1.98;

        var obj={
            name,
            age,
            height
        }
        
    </script>

ES6會取對應的屬性名和屬性值一塊放到對象裏邊,不用再賦值。

二、對象內函數的增強
ES5是這樣寫的:

<script>
    var obj={
        eat:function(){
            console.log('吃東西');  
        }
    }
    obj.eat();
</script>

而在ES6中可以直接這樣寫:

<script>
    var obj={
        eat(){
            console.log('吃東西');  
        }
    }
    obj.eat();
</script>

直接函數名(){}就可以了 不用再寫function來標識這是一個函數。

ES6在許多地方都對開發人員更加友好,也是前端開發必備的知識庫存。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章