代码改变世界

每天学一点ES6(一)开始

2020-12-24 12:03  金色海洋(jyk)  阅读(213)  评论(0编辑  收藏

最近学习vue,发现很多用法都不会了,虽然照猫画虎可以跑起来,但是总感觉很朦胧,是是而非的感觉不太好。
听说这些都是ES6的用法,所以决定要学习一下ES6

ES6

全称:ECMASctipt 6
简称:ES6
是JavaScript语言的下一代标准(前一代标准是ES 3 吗?),2015年就发布了,目标是使得JavaScript语言可以用于编写复杂的大型应用程序,成为企业开发语言。(野心好像不小)。

ES6 和 JavaScript的关系

简单的说,ES6是国际标准化组织 ECMA 定制的一套标准,JavaScript是一种实现方式。

ES6 和 ECMASctipt 2015 的关系

简单的说,拿美剧举个例子,ES6 可以理解为 第6季,ECMAScript 2015 相当于第六季的第一集,后面还有第二集(ECMAScript 2016)、第三集(ECMAScript 2017)等等。
这是一个“年更番”,每年六月份发布一个新版本,用年号标记。

ECMAScript的历史

1997年:ECMAScript 1.0
1998年:ECMAScript 2.0
1999年:ECMAScript 3.0
2006年:ECMAScript 4.0 没有通过
2009年:ECMAScript 5.0
2015年:ECMAScript 6.0
之后,版本号改用年号的形式。

Babel 转码器

简单的说,这是一个翻译器,把浏览器不能直接支持的ES6的语法,变成浏览器可以只是识别的语法。
比如把

input.map(item => item + 1) 

转换为:

input.map(function (item) {
return item + 1
})

Vue3内置了这个东东,基本不用我们去操心了。

Babel 的配置文件 .babelrc

Vue3里面可以选择 babel.config.js 文件
比如这样:

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}
  • presets:
    这个可以设定转码规则。

其他的就不用我们操心了,所以这段就暂告一段落。以后遇到问题再回来学习。

下一篇学习 let 和 const,const 在Vue3里面也是一个很常见的用法,看看他到底是怎么回事。

参考书目

《ES6 标准入门》第3版

2