ES6 之 对象的简写方式

2019-08-14 10:08:00来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

简写有两条基本原则:

  • 同名的属性可以省略不写
  • 对象中的方法中的 : 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());

 


原文链接:https://www.cnblogs.com/duxiu-fang/p/11160008.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:js常用的数组方法

下一篇:css, js 项目练习之网页换肤