代码改变世界

每天学一点ES6（一）开始

2020-12-24 12:03  金色海洋（jyk）  阅读(391)  评论(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