ECMAScript 6 基础篇

什么是 ECMAScript?

ECMAScript是形成JavaScript语言基础的脚本语言。

ECMAScript是由Ecma国际标准组织以ECMA-262和ECMA-402规范的形式进行标准化的。

之前学习的JS语法都是Es5标准。

什么是 ECMAScript 6?

ECMA-262 Edition 6:   ECMAScript 2015 (6th Edition)，最新发布的规范文档。- 2015年6月颁布

    ECMAScript标准历史：

ECMAScript 6 简介

JavaScript  三大组成部分

• ECMAScript

• Dom

• Bom

• ECMAScript  发展历史

• ECMAScript  包含内容：JS 中的数据类型及相关操作，流程控制，运算符及相关运算.....

ECMAScript 6

let 和 Const

• let 和 var的 差异

• 块级作用域

• let 允许声明一个在作用域限制 在块级中的变量、语句或者表达式。

• var 声明的变量只能是全局或者整个函数块的

• let 不能重复声明

• let 不会被预解析

• const 常量

• 常量不能重新赋值

• 不能重复声明

• 块级作用域

• const 不会被预解析

解构赋值

• 对象的解构赋值

• 数组的解构赋值

• 字符串的解构赋值

展开运算符

• 对象展开

• 数组展开

函数新增扩展

• 箭头函数

• 箭头函数没有不定参

• 但可以通过 rest参数/剩余参数

• 箭头函数本身没有this，调用箭头函数的this时，指向器声明时，所在的作用域的this

• 箭头函数的各种写法

• 箭头函数的  this  问题

• 箭头函数的不定参问题

• rest 参数设置

• 参数默认值设置

Set 对象

• Set 对象的数据结构

• Set 相关属性与方法

• size 属性

• clear()、delete()、has()、add()

Map 对象

• Map 对象的数据结构

• Map 相关属性与方法

• size 属性

• clear()、delete()、get()、has()、set()

新增数组扩展

• Array.from()、Array.of()、Array.isArray()

• find()、findIndex()、includes()

• flat()、flatMap()

新增字符串扩展

• includes()、startsWith()、endsWith()

• repeat()

• 模版字符串

• 插值表达式

新增对象扩展

• 属性简洁表示法

• 属性名表达式

了解 babel  

• Babel  是一个  JavaScript  编译器，其主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。

• 语法转换

• 源码转换 

• 等等
  

END