ES6(一)发展历史

作者: 自然框架 | 来源:发表于2021-01-29 09:10 被阅读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:
    这个可以设定转码规则。

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

参考书目

《ES6 标准入门》第3版

相关文章

  • ES6(一)发展历史

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

  • ES6简介--源动力

    ES6的发展历史 1997年7月,ECMAScript 1.0发布。 1998年6月,ECMAScript 2.0...

  • 变量的扩展与解构(ES6)

    1、发展历史 基本概念:ES6 是 ECMAScript6 的一个简称; 1996年网景(Netscape)提交给...

  • 和我一起熟悉下ES6的基本小方法

    Javascript(以下简称为js)组成 js发展历史 目前ES6很多浏览器都不兼容,所以写的时候,如果遇到不兼...

  • 进阶:浏览器加载机制 & 白屏和FOUC演示

    浏览器加载机制 网页是什么 javascript的发展历史 官网 MDN教程 W3C ES3、ES5、ES6分别指...

  • es6 的常用语法和优越性

    科学在发展,技术在进步。ES6的发展是必然的。下面提到的语法可能也就是es6新特性的10%-20%,但是开发上占了...

  • ES6,了解一下

    ES6的历史 ECMAScript和JavaScript 首先区别ECMAScript和JavaScript。 E...

  • es6语法转es5

    一、介绍 ECMAScript 6(ES6)的发展速度非常之快,但现代浏览器对ES6新特性支持度不高,所以要想在浏...

  • (一)线程的发展历史

    专题简介 作为一个合格的Java程序员,必须要对并发编程有一个深层次的了解,在很多互联网企业都会重点考察这一块。可...

  • ES6入门篇之将ES6用bable-cli转码至ES5

    初学ES6,前端发展如此之快,ES6很好,但是很多浏览器是不支持的,所以我们有时候会将使用ES6编写的js文...

网友评论

    本文标题:ES6(一)发展历史

    本文链接:https://www.haomeiwen.com/subject/xuzftltx.html