ES6 之 對象的簡寫方式


簡寫有兩條基本原則:

  • 同名的屬性可以省略不寫
  • 對象中的方法中的 : function 可以省略不寫

來看下下面這個例子,我分別用ES5 和 ES6 的語法分別定義並聲明了一個簡單的學生對象:

ES5:

        var studentES5 = {
            name: '小方哥',
            age: 20,
            sex: '男',
            getName: function () {
                return this.name;
            }
        }
        console.log('ES5', studentES5);
        console.log('ES5', studentES5.getName());

ES6:

        const name = 'Jack';
        const age = 25;
        const sex = '女';
        const studentES6 = {
            name,// 同名的屬性可以省略不寫
            age,
            sex,
            getName() {// 可以省略方法中的 : function
                return this.name;
            }
        };
        console.log('ES6', studentES6);
        console.log('ES6', studentES6.getName());

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM