Wang's blog Wang's blog
首页
  • 前端文章

    • HTML教程
    • CSS
    • JavaScript
  • 前端框架

    • Vue
    • React
    • VuePress
    • Electron
  • 后端技术

    • Npm
    • Node
    • TypeScript
  • 编程规范

    • 规范
  • 我的笔记
  • Git
  • GitHub
  • VSCode
  • Mac工具
  • 数据库
  • Google
  • 服务器
  • Python爬虫
  • 前端教程
更多
收藏
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Wang Mings

跟随大神,成为大神!
首页
  • 前端文章

    • HTML教程
    • CSS
    • JavaScript
  • 前端框架

    • Vue
    • React
    • VuePress
    • Electron
  • 后端技术

    • Npm
    • Node
    • TypeScript
  • 编程规范

    • 规范
  • 我的笔记
  • Git
  • GitHub
  • VSCode
  • Mac工具
  • 数据库
  • Google
  • 服务器
  • Python爬虫
  • 前端教程
更多
收藏
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • Python爬虫

  • 前端教程

    • 团队规范

    • Project

    • JS

      • Canvas基础
      • 数据结构
      • 树的深度优先遍历与广度优先遍历
      • for in和for of区别
      • ES6-新增特性一览
        • [#](#_1-let-const取代var) 1. let/const取代var \(opens new window\)
        • [#](#_2-字符串模板) 2. 字符串模板 \(opens new window\)
        • [#](#_3-对象解构) 3. 对象解构 \(opens new window\)
        • [#](#_4-新数据类型symbol) 4. 新数据类型Symbol \(opens new window\)
        • [#](#_5-新数据结构map-set-weakmap-weakset) 5. 新数据结构Map/Set/WeakMap/WeakSet \(opens new window\)
        • [#](#_6-proxy、reflect) 6. Proxy \(opens new window\)、Reflect
        • [#](#_7-扩展) 7. 扩展
        • [#](#_8-异步) 8. 异步
        • [#](#_9-class类) 9. Class类 \(opens new window\)
        • [#](#_10-module) 10. Module \(opens new window\)
        • [#](#参考文档) 参考文档
      • ES6-解构赋值及原理
      • ES6-Object
      • ES6-模块详解
      • ES6-Class
      • ES6-ECMAScript特性汇总
      • 输入URL背后的技术步骤
      • JavaScript与浏览器 - 线程与引擎
      • HTTP跨域解决方案
      • Http 2与Http 1.x比较
      • JavaScript原型
      • JavaScript继承
      • JavaScript事件循环
      • 动手实现Promise
      • JS设计模式
      • JS 经典面试题
      • 排序算法
      • 正则表达式
      • MVC、MVP、MVVM区别
      • Array API与V8源码解析
      • 从V8 sort源码看插入排序
    • NodeJS

    • Vue

    • React

    • 效率工具

    • 读书笔记

  • 教程
  • 前端教程
  • JS
wangmings
2022-07-19
目录

ES6-新增特性一览

# # ES6-新增特性一览

ecma-263 (opens new window) (opens new window)是ES6规范的官网文档,该文档是英文版,而且里面洋洋洒洒写了每个特性的实现步骤,容易看晕。这里推荐@阮一峰老师的ECMAScript 6 入门 (opens new window) (opens new window)和es6features (opens new window) (opens new window)项目,以下每个特性详细案例描述也是外链该项目内容。

以下默认陈述的是ES6标准,部分标注ES7、ES8标准是为了表明其最终发布时间(严谨)。其实大部分在2015年6月(ES6发布时间)都进入了草案阶段(Stage 2),故在babel等转译工具下,都可以使用这些特性在前端工程项目中。

# # 1. let/const取代var (opens new window) (opens new window)

# # 2. 字符串模板 (opens new window) (opens new window)

# # 3. 对象解构 (opens new window) (opens new window)

  • Destructuring
  • enhanced object literals({foo} === {foo:foo})

# # 4. 新数据类型Symbol (opens new window) (opens new window)

# # 5. 新数据结构Map/Set/WeakMap/WeakSet (opens new window) (opens new window)

# # 6. Proxy (opens new window) (opens new window)、Reflect

# # 7. 扩展

  • Array
    • Array.from()
    • Array.of()
    • Array.copyWithin()
    • Array.find()
    • Array.findIndex()
    • Array.fill()
    • Array.includes()ES7
  • Object
    • Object.keys()
    • Object.values()ES8
    • Object.entries()ES8
    • Object.assign()
    • Object. is()
  • Function
    • default
    • arraw function (opens new window) (opens new window)
    • ...rest运算符
  • Number
    • Number.isNuN()
    • Number.isFinite()
    • Number.parseInt()
    • Number.parseFloat()
    • Number.isInteger()
    • Number.isSafeInteger()
  • Math
    • Math.max(x, y)
    • Math.trunc(x)
    • Math.sign(x)
    • Math.acosh(x)
    • Math.asinh(x)
    • Math.atanh(x);
    • Math.cbrt(x)
    • Math.clz32(x)
    • Math.cosh(x)
    • Math.expm1(x)
    • Math.fround(x)
    • Math.hypot(...values)
    • Math.imul(x, y)
    • Math.log1p(x)
    • Math.log10(x)
    • Math.log2(x)
    • Math.tanh(x)

# # 8. 异步

  • Promise (opens new window) (opens new window)
    • Promise.prototype.then
    • Promise.prototype.catch
    • Promise.prototype.finallyES9
    • Promise.all()
    • Promise.rece()
  • Iterator (opens new window) (opens new window)
    • Iterator接口
    • for of
  • Generator (opens new window) (opens new window)
    • yield*
  • async/awaitES8

# # 9. Class类 (opens new window) (opens new window)

  • class
  • extends
  • decoratorES7

# # 10. Module (opens new window) (opens new window)

  • import
  • export

# # 参考文档

  • es6features (opens new window) (opens new window)

  • Finished Proposals (opens new window) (opens new window)

  • ryf es6 reference (opens new window) (opens new window)

编辑 (opens new window)
for in和for of区别
ES6-解构赋值及原理

← for in和for of区别 ES6-解构赋值及原理→

最近更新
01
theme-vdoing-blog博客静态编译问题
09-16
02
搜索引擎
07-19
03
友情链接
07-19
更多文章>
Theme by Vdoing | Copyright © 2019-2022 Evan Xu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式