Babel教程 - 第1章 Babel入门

本章是Babel的入门知识。

主要内容是快速掌握Babel的基础知识，学会最简单的使用方法，为后续深入学习做准备。

若你是完全的前端新手或第一次接触Babel，可以在学完本章后就暂停学习。因为这一章的内容对一名初级前端完全够用了，等有一定的开发经验后再阅读后续章节。

若你已经有一定前端工程化开发经验或想深入研究Babel，可以在学完本章后接着学习后续章节。

Babel简介

Babel是一个工具集，主要用于将ES6版本的JavaScript代码转为ES5等向后兼容的JS代码，从而可以运行在低版本浏览器或其它环境中。

因此，你完全可以在工作中使用ES6编写程序，最后使用Babel将代码转为ES5的代码，这样就不用担心所在环境是否支持了。下面是一个示例：

转换前，代码里使用ES6箭头函数

 var fn = (num) => num + 2;

转换后，箭头函数变成ES5的普通函数。这样就可以在不支持箭头函数的浏览器里运行了

 var fn = function fn(num) {
  return num + 2;
  }

Babel就是做了上面这件事情，接下来我们从最简单的例子学习。

注

1.本教程里ES6是ECMAScript 2015及以后的版本的统称；

2.本教程里编译与转码是一个意思，不严格区分其学术定义；

3.使用Babel进行ES6转ES5时，转化之后默认是严格模式。在不影响阅读的情况下，本教程部分章节会省略严格模式的声明”use strict”。另外，如果想去除严格模式，可以通过插件来实现；