ES6新特性_简化对象的写法

ES6新特性_简化对象的写法

本文主要介绍,ES6新特性,简化对象的写法,ES6 允许在大括号里面,直接写入变量的和函数,作为对象的属性和方法。
首先我们声明二个变量
let name = 'fujuhao.com';
let func = function(){
    console.log(1111111);
}
一般的对象写法
const a = { name:name, func: func }
console.log(a); //  { name: 'fujuhao.com', func: ƒ }
在ES6里 我们可以直接把变量名放在{}里即可
const b = {name, func};
console.log(b); //  { name: 'fujuhao.com', func: ƒ }
普通的函数的写法
const c = {
    name: name, 
    func: function(){
        console.log('我是一般写法!');
    }
};
c.func();
ES6里的函数写法
const d = { 
    name,
    // 省掉了function
    func(){
        console.log('fujuhao.com')
    }
};
d.func();
Loading...