ES6-ES12核心知识点有哪些,能分享个总结吗?
- 内容介绍
- 文章标签
- 相关推荐
本文共计7314个文字,预计阅读时间需要30分钟。
ES6-ES12 简要知识点总结
1. ES6 相关知识点 1.1. 对象字面量的增强 1.1.1. 属性的简写:当对象的属性名与变量名相同时,可以省略属性名。 1.1.2. 方法的简写:当方法名与变量名相同时,可以省略方法名。 1.1.3. 计算属性名:可以使用表达式作为属性名。
ES6-ES12简单知识点总结 1.ES6相关知识点 1.1.对象字面量的增强ES6中对对象字面量的写法进行了增强,主要包含以下三个方面的增强:
- 属性的简写:当给对象设置属性时,如果希望变量名和属性名一样就可以直接写该变量名;
- 方法的简写:对象中的方法可直接写成
foo() {}的形式; - 计算属性名:对象的属性名可以动态传入,将变量使用
[]包裹即可;
const obj = {
// 1.属性简写
name,
age,
// 2.方法简写
foo() {
console.log('foo')
},
// 3.计算属性名
[key]: 'value'
}
1.2.解构
为了方便从数组或对象中获取数据,ES6给我们提供了解构的方案,可分为数组的解构和对象的解构。
-
数组的解构:注意数组的解构是按元素顺序来的。
本文共计7314个文字,预计阅读时间需要30分钟。
ES6-ES12 简要知识点总结
1. ES6 相关知识点 1.1. 对象字面量的增强 1.1.1. 属性的简写:当对象的属性名与变量名相同时,可以省略属性名。 1.1.2. 方法的简写:当方法名与变量名相同时,可以省略方法名。 1.1.3. 计算属性名:可以使用表达式作为属性名。
ES6-ES12简单知识点总结 1.ES6相关知识点 1.1.对象字面量的增强ES6中对对象字面量的写法进行了增强,主要包含以下三个方面的增强:
- 属性的简写:当给对象设置属性时,如果希望变量名和属性名一样就可以直接写该变量名;
- 方法的简写:对象中的方法可直接写成
foo() {}的形式; - 计算属性名:对象的属性名可以动态传入,将变量使用
[]包裹即可;
const obj = {
// 1.属性简写
name,
age,
// 2.方法简写
foo() {
console.log('foo')
},
// 3.计算属性名
[key]: 'value'
}
1.2.解构
为了方便从数组或对象中获取数据,ES6给我们提供了解构的方案,可分为数组的解构和对象的解构。
-
数组的解构:注意数组的解构是按元素顺序来的。

