前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片NEW
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 查漏补缺常见问题解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
    • AI 定制路线NEW按你的简历现排
    • AI 知识地图NEW串起全站知识点
  • 动态
    • AI 热点NEWAI 每日动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
AI 助手NEW
旧版
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片NEW
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 查漏补缺常见问题解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
    • AI 定制路线NEW按你的简历现排
    • AI 知识地图NEW串起全站知识点
  • 动态
    • AI 热点NEWAI 每日动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
AI 助手NEW
旧版

ES6新特性

首页2017-02-04 18:20:43Front-End
JavaScriptES6

# 一、作用域

  • 块级作用域
  • 块级变量let
  • 块级常量 const

# 二、箭头函数

  • sum = (a,b)=> a + b
  • nums.forEach(v=> {console.log(v)})
  • 词法 this

# 三、参数处理

  • 默认参数值
  • 剩余参数
  • 展开运算符

# 四、模板字面量

  • 多行字符串
  • 字符串插值
  • 带标签的模板字面量
  • 原始字符串

# 五、原有字面量加强

  • 更安全的二进制字面量(0b1111101)
  • 更安全的八进制字面量(0o767)
  • 字符串支持Unicode
    • String.fromCodePoint
    • String.prototype.codePointAt
  • 正则表达式字面量添加 Unicode
  • 正则表达式添加y标记,支持粘滞匹配
  • 对象属性加强
    • 属性定义支持短语法obj = {x,y}
    • 属性名支持表达式 obj = {["baz"+quux()]:42}
    • 添加__proto__属性,但不建议使用

# 六、解构赋值

  • 匹配 [b,a] = [a,b]
  • 对象匹配 let {a,b,c} = objABC
  • 参数匹配 function g({name:n,val:v}){}

# 七、模块

  • 导入(import)
  • 导出(export)
  • 默认导出(export default)

# 八、类

  • 使用extends继承
  • 重写构造器
  • super关键字

# 九、迭代

  • 迭代器
  • for of

# 十、生成器

# 十一、promise

# 十二、元编程

  • 代理(proxy)
  • 反射(Reflex)

# 十三、新增数据类型

  • Symbol类型
  • Set类型
  • Map类型
  • WeakSet类型
  • WeakMap类型
  • TypedArray类型

# 十四、原有内置对象API增强

  • Object.assign

  • Array.from

  • Array.of

  • Array.prototype.fill

  • Array.prototype.find

  • Array.prototype.findIndex

  • Array.prototype.copyWithin

  • Array.prototype.entries

  • Array.prototype.keys

  • Array.prototype.values

  • String.prototype.includes

  • String.prototype.repeat

  • String.prototype.startsWidth

  • String.prototype.endsWidth()

  • Number.EPSILON

  • Number.isInteger

  • Number.isSafeInteger

  • Number.isFinite

  • Number.isNaN("NaN")

  • Math.acosh

  • Math.hypot

  • Math.imul

  • Math.sign

  • Math.trunc

fe
  • 一、作用域
  • 二、箭头函数
  • 三、参数处理
  • 四、模板字面量
  • 五、原有字面量加强
  • 六、解构赋值
  • 七、模块
  • 八、类
  • 九、迭代
  • 十、生成器
  • 十一、promise
  • 十二、元编程
  • 十三、新增数据类型
  • 十四、原有内置对象API增强

← 弹性布局总结基于gulp的工作流配置 →