本文主要介绍,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();
上一篇:ES6新特性_模板字符串
下一篇:ES6新特性_箭头函数
The Posts
- Markdown与html互转markdown.js_showdown.js_marked.js_turndown.jsApr 5, 2022
- ES9_rest参数与es9_spread扩展运算符Mar 23, 2022
- ES6新特性_模块化(module)Mar 17, 2022
- ES6新特性_number数值扩展与object对象方法扩展Mar 16, 2022
- Angular12中使用wow.js页面滚动动画效果Mar 15, 2022
- ES6新特性_class类声明继承constructor,super,static,set,get详细介绍Mar 12, 2022
- ES6新特性_Map用法和使用场景size,get,set,has,clear,deleteMar 12, 2022
- ES6新特性_集合(set)Mar 10, 2022
- ES6新特性_Promise介绍与基本使用Mar 10, 2022
- ES6新特性_生成器函数Mar 9, 2022
- ES6新特性_迭代器Mar 9, 2022
- ES6新特性_Symbol基本使用Mar 9, 2022
- ES6新特性_扩展运算符Mar 9, 2022
- ES6新特性_rest参数Mar 8, 2022
- ES6新特性_函数参数的默认值Mar 8, 2022
- ES6新特性_箭头函数Mar 8, 2022
- ES6新特性_简化对象的写法Mar 8, 2022
- ES6新特性_模板字符串Mar 8, 2022
- ES6新特性_变量的解构赋值Mar 8, 2022
- ES6新特性_常量声明constMar 8, 2022