微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

项目中所用的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那里设置不相等的名称

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐