1.认识Babel
首先呢,我们来看一下Babel的官网:https://babeljs.io/ ,官网中给出的官方解释是:Babel is a JavaScript compiler.Use next generation JavaScript, today.(Babel是一个JS的编译器。有了Babel之后,我们就可以使用下代的JS了。)也就是说Babel是可以将ES6代码编译成ES5或者更早的版本,这样就可以不用考虑浏览器的兼容性问题了。
2.使用Babel
在官网中点击Try it out ,亲自来试试Babel的编译吧!
可以看到:Babel成功将let、const、class、箭头函数转换为ES5的var、构造函数了,这样浏览器就可以成功识别ES6新增的语法,注意是语法。而Map、Set、Promise这种全局对象和新增的方法(Array.from、Object.assign)都会被原封不动的保留下来。是他引入了一些模块,实现了相同的方法,将其引入到老版本中,就相当于老版本也支持了。
总结:
Babel本身可以编译ES6大部分语法,比如let、const、箭头函数、类
但是对于ES6新增的API,比如Set、Map、Promise等全局对象,以及一些定义在全局对象上的方法,比如Objec