ECMAScript 6 简介

• JavaScript 三大组成部分
  • ECMAScript
  • DOM
  • BOM
• ECMAScript 发展历史 developer.mozilla.org/zh-CN/docs/…
• ECMAScript 包含内容：JS 中的数据类型及相关操作，流程控制，运算符及相关运算……

ECMAScript 6

• var 和 const、let

	var	let	const
声明	可以重复声明	统一作用域下不能重复声明	不能重新赋值和声明
作用域	全局作用域和函数作用域	全局作用域和块级作用域	块级作用域
是否预解析	预解析	不会被预解析	不会被预解析

• 解构赋值
  • 对象的解构赋值
  • 数组的解构赋值
  • 字符串的解构赋值
  • 手册地址：developer.mozilla.org/zh-CN/docs/…
• 展开运算符
  • 对象展开
  • 数组展开
  • 手册地址：developer.mozilla.org/zh-CN/docs/…
• Set 对象
  • Set 对象的数据结构
  • Set 相关属性与方法
    • size 属性
    • clear()、delete()、get()、has()、add()
  • 手册地址：developer.mozilla.org/zh-CN/docs/…
• Map 对象
  • Map 对象的数据结构
  • Map 相关属性与方法
  • size 属性
  • clear()、delete()、get()、has()、set()
  • 手册地址：developer.mozilla.org/zh-CN/docs/…
• 函数新增扩展
  • 箭头函数
    • 箭头函数的各种写法
    • 箭头函数的 this 问题
    • 箭头函数的不定参问题
    • 手册地址：developer.mozilla.org/zh-CN/docs/…
  • rest 参数设置
  • 参数默认值设置
• 新增数组扩展
  • Array.from()、Array.of()
  • find()、findIndex()、includes()
  • flat()、flatMap()
  • 手册地址：developer.mozilla.org/zh-CN/docs/…
• 新增字符串扩展
  • includes(), startsWith(), endsWith()
  • repeat()
  • 模版字符串
  • 手册地址：developer.mozilla.org/zh-CN/docs/…
• 新增对象扩展
  • 属性简洁表示法
  • 属性名表达式
  • 手册地址：developer.mozilla.org/zh-CN/docs/…
• babel 使用
  • Babel 是一个 JavaScript 编译器
  • 手册地址：www.babeljs.cn/
  • Babel 基本用法

汇总

新增特性：

• let
• const
• Arrow functions (箭头函数)
• Classes (类)
• Template literals （模板字符串）
• Default paramters （默认参数）
• Enhanced object literals（对象字⾯量增强）
• Destructuring assignments（解构分配）
• Spread operator（展开操作符）
• for ... of 循环
• Map 和 Set
• proxy 以上具体内容可以在MDN中查看 developer.mozilla.org/zh-CN/docs/…

意义

• 原有语法进⾏增强
• 解决原有语法上的⼀些问题或者缺陷
• 全新的对象、全新的⽅法、全新的功能
• 全新的数据类型和数据结构