欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ES6 之 对象的简写方式

程序员文章站 2023-04-05 13:53:16
简写有两条基本原则: 同名的属性可以省略不写 对象中的方法中的 : function 可以省略不写 来看下下面这个例子,我分别用ES5 和 ES6 的语法分别定义并声明了一个简单的学生对象: ES5: 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());