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