JavaScript新版本《ES6》学习笔记（从1到3）

一. ES6的发展野史

1. ES6(ECMAScript6) 基本信息

（1）什么是ES6

这部分可以参考《ECMAScript 6 入门》

（2）使用Babel编译ES6

安装babel-cli（命令行转码）

配置 .babelrc文件（转码规则和插件）

执行命令进行转码

 

2. ES6基础语法：

（1）块级作用域

 （2）不存在变量提升

（3）暂时性死区：typeof

undeclared_variable会报错，而不是之前ES3中的undefined

（4）不允许重复声明

（5）const

（6）ES6声明变量的6种方法

（7）解构赋值

       （a)数组和对象的解构赋值

        （b）运算符

               （i）拓展运算符

                （ii）剩余运算符

                 （iii）展开运算符

（8）解构赋值的作用

         （a）交换变量值

          （b）从函数中返回多个值

          （c）函数参数的定义 & 参数默认值

           （d）遍历Map结构

           （e）提取JSON数据

（9）箭头函数

         （a）基础语法

          （b）THIS问题

          （c）默认参数

           （d）项目中不要乱用箭头函数

（10）ES6中的类和继承（基础）

（11）ES6中的模板字符串

 

 

 

 

 

 二. 使用babel编译-下载安装babel

 

 

 

 

 三. 使用babel编译-配置babelrc文件