当前位置： 移动技术网 > IT编程>开发语言>JavaScript > ES6 之 对象的简写方式

ES6 之 对象的简写方式

2019年07月10日  | 移动技术网IT编程  | 我要评论

简写有两条基本原则：

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

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网