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文件

 

 

  

 

 

 

 

猜你喜欢

转载自blog.csdn.net/garrulousabyss/article/details/82705554
今日推荐