aurora blog
  • JS

    • 基本汇总
    • Date时间
    • Array方法
    • String 方法
    • Object方法
    • RegExp正则
    • Es6 新特性等
    • Event-Loop
    • Http and Https
    • for in和for of区别
    • Web Worker
    • Promise && async
    • 堆内存 & 栈内存
    • JS设计模式探索
    • npm & yarn
    • Fetch和Axios的区别
    • 学习及面试问题整理
    • URL 输入到页面加载过程
    • 跨域&nginx本地项目代理
  • FE框架

    • react

      • 基本用法
      • react生命周期
      • hooks 16.8版本后
      • Route原理
      • Redux源码解析
      • React16 Fiber
      • React-VirtualDOM
      • React事件委托机制
    • vue

      • vue 基本用法
      • vue 生命周期
      • VirtualDOM
      • vue 事件委托
      • vue 架构
      • vue 状态管理
      • 问题等
    • React-Native

      • React-Native 基本用法
    • 微前端

      • 遇到的问题
    • 鸿蒙 harmony

      • harmony 基础
  • 构建工具

    • webpack

      • Webpack配置详解
      • Webpack的使用
      • Babel-polyfill
      • webpack面试题
    • vite

      • vite基本配置
  • Typescript

    • Typescript详解
  • Servers

    • Nodejs
    • Nginx
  • Git命令

    • git常用规范
  • 数据库

    • mongodb
    • mongodb
  • Other

    • Jenkins自动化部署

Es6 新特性等

  • let/const 变量
  • 字符串模板
  • 对象解构
  • 新数据类型 Symbol
  • 新数据结构Map/Set/WeakMap/WeakSet
  • Proxy Reflect
  • 扩展
  • 异步
  • Class类
  • Module
  • 参考文档

let/const 变量

  • 不会进行变量声明提升
  • 会生成暂时性死区
  • 变量不允许被重复定义
  • 变量不可以被删除

字符串模板

`string text ${expression} string text`

对象解构

var robotA = { name: "Bender" };
var { name: nameA } = robotA;

新数据类型 Symbol

Symblo

新数据结构Map/Set/WeakMap/WeakSet

map--set--weakmap--weakset

Proxy Reflect

扩展

  • 字符串填充(padStart 和 padEnd)
  • Array
    • Array.from()
    • Array.of()
    • Array.copyWithin()
    • Array.find()
    • Array.findIndex()
    • Array.fill()
    • Array.includes()
  • Object
    • Object.keys()
    • Object.values()
    • Object.entries()
    • Object.assign()
    • Object. is()

异步

  • Promise
    • Promise.prototype.then
    • Promise.prototype.catch
    • Promise.prototype.finally
    • Promise.all()
    • Promise.rece()
  • Iterator
    • Iterator接口
    • for of
  • Generator
    • yield*
  • async/await

Class类

  • class
  • extends
  • decorator

Module

  • import
  • export
// export default 方式
import defaultName from 'modules.js';

// export type 方式
import { export1, export2 } from 'modules';
import { export1 as ex1, export2 as ex2 } from 'moduls.js'; // as 关键字
import * as moduleName from 'modules.js';

// 同时引入export default 和export type
import defaultName, { expoprt1, export2 } from 'modules';
import defaultName, * as moduleName from 'modules';

// 引入无输出模块
import 'modules';

参考文档

es6features

高级前端开发工程师总结

最近更新:: 2021/8/28 14:38
Contributors: sountstars, “liyulai”
Prev
RegExp正则
Next
Event-Loop