教程说明
在学习ES6之前,小伙伴们一定要对ES5的语法非常熟悉才行,不然学起来会有一定的难度。我们至少要对ES5中对象的各种操作、类的定义与继承、异步编程等有一定的了解,因为很多 ES6新语法是建立在ES5的基础上的。如果你发现ES6 有些地方很难理解,那么很可能就是你的 ES5基础不扎实,这个时候就应该复习一下ES5的语法了
对于初学ES6的小伙伴,这里有一个非常重要的建议:不要一上来就去学习vuejs、Reactjs或Angularjs。在学习这些框架之前,建议先花点时间学习ES6。不然在学习框架的过程中,你会发现“寸步难行”,因为现在这些框架都是采用ES6新语法来编写代码的。
环境说明
如果小伙伴们之前看过其他的ES6教程,可能会发现绝大多数教程一上来都是先配置Babel环境,接着使用Babel来将ES6代码编译成ES5代码,最后再拿编译后的ES5代码 在浏览器中运行。这样就容易给小伙伴们造成一种错觉,那就是ES6代码必须经过Babel编译成ES5代码,才能在浏览器上运行
现在主流浏览器如Chrome 、Edge 、Firefox等的最新版本,都已经支持绝大部分的ES6语法了。也就是说,不需要使用Babel编译,就可以直接在浏览器中运行ES6代码。但是实际上使用Babel还是有必要的,主要是一些低版本浏览器井不一定支持ES6语法。不过在实际开发中,大多数情况下我们并不需要手动配置Babel环境,因为Vue或React等的脚手架工具会自动帮我们配置好