ECMAScript6入坑

1. 前言

话说自己是从2015年左右从一线Web开发人员转为电商运营的。这段时间由于个人的求知欲不断暴涨,又开始接触Web开发。才发现,2015年真是Web技术的爆发之年,感觉这几年的电商从业让自己和Web开发都有些脱节了。
不过好在之前的Web开发基础打得够深、够牢固(怎么说我也是有着十几年Web开发经验的高材生),现在学习2015年大爆发之后的技术也不会太费力。最重要的是,2015年开始诞生的那些新技术经过5年的沉淀,已经被广泛的支持,有了很好的生态环境,现在学习感觉也不晚。
今天开始入坑ECMAScript6,走起!

2. ECMAScript6入门理解

网上关于ECMAScript6的解释性文章有很多,有兴趣的可以自己去百度里面查找。我对ECMAScript6理解其实就是一句话:Javascript的进化

Web前端技术的三要素分别是:HTML,CSS,Javascript。

  • HTML进化为了HTML5
  • CSS进化为了CSS3
  • 而Javascript则进化为了ECMAScript6

当前很多Javascript衍生技术比如Node.js,Vue.js,微信小程序开发等,都是基于Javascript语言。而对于我这个中间断档了几年的前端开发人员而言,初看Node.js这些技术代码的时候总觉得有些不可思议,后来才发现,Node.js这些技术使用的是ECMAScript6,所以呢,在学些这些新技术之前,把ECMAScript6的基础打好才是最重要的。

3. 一些名词解释

3.1 ES6和ES2015

ES6就是ECMAScript6的简写,由于是2015年正式发布的,也被成为ES2015,所以,ES6和ES2015是一个意思。

3.2 Babel和Traceur

和HTML5、CSS3类似,由于ES6标准的推出时间也不过5年,很多浏览器包括对ES6支持度非常高的Node.js都没有做到对ES6标准的100%支持。如果想要在开发中发挥ES6的全部能量(所有代码完全依照ES6标准编写),就需要Babel这个转码器工具。

Babel和Traceur都是被广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。这意味着,你可以用ES6的方式编写程序,又不用担心现有环境是否支持。

3.3 REPL

在Babel,Node.js等技术中,经常会提到REPL这个词。
REPL是英语:“Read-Eval-Print Loop”的缩写,简单的来说,就是一个简单的基于cmd(或者Linux的shell)命令行工具。你可以把简单的代码通过cmd输入进REPL,REPL则会输出代码运行结果。这个类工具一般只适合进行简单的代码块验证。