每天学一点ES6(一)发展历史

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

最近学习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版


相关文章
|
NoSQL Redis
Mac安装Redis(图文解说详细版)
Mac安装Redis(图文解说详细版)
Mac安装Redis(图文解说详细版)
|
11月前
|
前端开发 JavaScript
ES6模块化和webpack打包
【10月更文挑战第5天】
|
缓存 Java
异步&线程池 线程池的七大参数 初始化线程的4种方式 【上篇】
这篇文章详细介绍了Java中线程的四种初始化方式,包括继承Thread类、实现Runnable接口、实现Callable接口与FutureTask结合使用,以及使用线程池。同时,还深入探讨了线程池的七大参数及其作用,解释了线程池的运行流程,并列举了四种常见的线程池类型。最后,阐述了在开发中使用线程池的原因,如降低资源消耗、提高响应速度和增强线程的可管理性。
异步&线程池 线程池的七大参数 初始化线程的4种方式 【上篇】
|
传感器 Java 定位技术
Android 12 蓝牙适配 Java版(上)
Android 12 蓝牙适配 Java版(上)
729 0
|
JavaScript 前端开发 API
Vue.js 的核心特点
Vue.js 的核心特点
1765 0
|
JavaScript 前端开发
video设置播放时间点及常用属性和方法
video设置播放时间点及常用属性和方法
|
JSON JavaScript 数据格式
js读取csv文件并使用json显示中文乱码的解决方案
js读取csv文件并使用json显示中文乱码的解决方案
707 0
|
存储 缓存 前端开发
Create React App 被 React 官方抛弃了吗?
在 Beta 版本的 React 新文档中,是有在显眼的位置提到推荐使用 Vite 启动的,而正式版文档则替换成了 React 社区的几个知名框架:
|
Ubuntu Linux Python
Ubuntu 安装 Pycharm
Ubuntu 安装 Pycharm
366 0
Ubuntu 安装 Pycharm

热门文章

最新文章