JavaScript-ES6新特性

ES6新特性

<!-- 新特性 -->
- 块级作用域
- 模板字符串
- 解构赋值
- 数组
- 函数
- 对象
- Set结构
- Map结构
- 类
- 模块化

<!-- 块级作用域 -->
let a = ''
const b = ''

<!-- 模板字符串 -->
name = 'lee'
let str = `${name}`

<!-- 解构赋值 -->
- const [first, second] = arr;
- const { firstName, lastName } = obj;
- const obj = {a, b, c}
- functon fullName ({firstName, lastName}) {}

<!-- 数组 -->
- 展开运算符(复制/合并数组)
- Array.from

<!-- 函数 -->
- 箭头函数(this指向当前作用域/没有arguments)
- 可选参数/默认参数/剩余参数
- new.target

<!-- 对象 -->
- 动态属性名
- 增强写法
- object.is
- object.assign
- super 指向当前对象的原型对象

<!-- Set结构 -->
- 类数组，值不重复
- keys()/values()/entries()
- add/has/delete/clear

<!-- Map结构 -->
- 值=>值 对应关系
- set/get/has/delete/clear
- keys()/values()/entries()

<!-- 类 -->

<!-- 模块化 -->
- import './13-module1.js';
- import { m1, m2 } from 'index.js';
- import m from 'index.js';
- import m, { m1, m2 } from 'index.js';
- import { m as n } from 'index.js';

javascript — 2021年7月4日