项目中所用的ES6语法
作者:互联网
1.属性访问
let obj = {
foo: "bar",
age: 42,
baz: { myProp: 12 },
}
//两种访问方法
1.obj.foo
2.obj['foo']
2.计算属性名
从ECMAScript 2015开始,对象初始化语法开始支持计算属性名。其允许在[]中放入表达式,计算结果可以当做属性名。这种用法和用方括号访问属性非常类似,也许你已经用来读取和设置属性了。现在同样的语法也可以用于对象字面值了:
// Computed property names (ES6)
var i = 0;
var a = {
["foo" + ++i]: i,
["foo" + ++i]: i,
["foo" + ++i]: i
};
console.log(a.foo1); // 1
console.log(a.foo2); // 2
console.log(a.foo3); // 3
var param = 'size';
var config = {
[param]: 12,
["mobile" + param.charAt(0).toUpperCase() + param.slice(1)]: 4
};
console.log(config); // { size: 12, mobileSize: 4 }
3.解构赋值(非常重要)
数组是 [ ]
对象是 { }
对象的解构与数组有一个重要的不同。数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。
let person = {
name:'www',
age:22,
class:2022
};
const {name} = person;
const {age1} = person;
实例属性_count与取值函数value()和increment()方法,处于同一个层级。这时,不需要在实例属性前面加上this。
4.module
静态加载
ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入。
import { stat, exists, readFile } from ‘fs’
export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。
export 的一般写法
export default 导出是一个默认的单一的值
使用default的话,可以在import那里设置不相等的名称
标签:ES6,console,所用,param,语法,export,import,foo,属性 来源: https://blog.csdn.net/weixin_44234336/article/details/119221012