Vue之ES6对象字面量增强写法

2022-08-22 16:41:02 浏览数 (1)

1.生成对象的方法

1.利用对象构造函数

代码语言:javascript复制
            const obj = new Object();

2.字面量写法

代码语言:javascript复制
            const obj = {
                
            }

2.属性的增强写法

1.ES5

代码语言:javascript复制
            const name = 'sunny',
                   age = 18,
                   sex = 'male';

            const obj = {
                name: name,
                age: age,
                sex: sex
            }
            console.log(obj);

2.ES5属性增强写法

代码语言:javascript复制
            const name = 'sunny',
                   age = 18,
                   sex = 'male';

            const obj = {
                name,
                age,
                sex
            }
            console.log(obj);

3.函数增强写法

1.ES5

代码语言:javascript复制
            const obj = {
                eat: function() {
                    console.log('eatting');
                },
                run: function() {
                    console.log('running');
                }
            }

2.ES6函数增强写法

代码语言:javascript复制
            const obj = {
                eat() {
                    console.log('eatting');
                },
                run() {
                    console.log('running');
                }
            }

0 人点赞