经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » JavaScript » 查看文章
每天学一点ES6(一)开始
来源:cnblogs  作者:金色海洋(jyk)  时间:2020/12/28 9:51:55  对本文有异议

最近学习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的语法,变成浏览器可以只是识别的语法。
比如把

  1. input.map(item => item + 1)

转换为:

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

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

Babel 的配置文件 .babelrc

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

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

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

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

参考书目

《ES6 标准入门》第3版

原文链接:http://www.cnblogs.com/jyk/p/14183217.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号