其他分享
首页 > 其他分享> > 项目中所用的ES6语法

项目中所用的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