最近学习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的语法,变成浏览器可以只是识别的语法。 比如把
代码语言:javascript复制input.map(item => item 1)
转换为:
代码语言:javascript复制input.map(function (item) {
return item 1
})
Vue3内置了这个东东,基本不用我们去操心了。
Babel 的配置文件 .babelrc
Vue3里面可以选择 babel.config.js 文件 比如这样:
代码语言:javascript复制module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
- presets: 这个可以设定转码规则。
其他的就不用我们操心了,所以这段就暂告一段落。以后遇到问题再回来学习。
下一篇学习 let 和 const,const 在Vue3里面也是一个很常见的用法,看看他到底是怎么回事。
参考书目
《ES6 标准入门》第3版