每天学一点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版


相关文章
|
5月前
|
Python
Mandelbrot集的最新变化形态一览——MandelBox,Mandelbulb,Burning Ship,NebulaBrot
该文介绍了几种基于Mandelbrot集的衍生形态,包括Mandelbulb、MandelBox、Burning Ship和NebulaBrot。Mandelbulb是3D扩展,使用球坐标;MandelBox利用盒映射创造复杂形状;Burning Ship以复数模和实部迭代;NebulaBrot则结合多种分形特征。文中提供了简单的Python代码示例来生成这些图形,并提到了相关学习资源。
|
6月前
|
存储 Cloud Native NoSQL
etcd 的简介以及发展历史
## 一、简介 etcd 是一个开源、分布式、一致性的键值存储系统。它是由 CoreOS(后来被 Red Hat 收购)开发的,旨在提供一个可靠的分布式协调服务。etcd 通常用于在分布式系统中进行配置管理、服务发现、分布式锁、选举等任务。 etcd 的特点包括: - **分布式一致性**:基于 Raft 共识算法,etcd 确保数据在分布式环境中的一致性和可靠性。 - **键值存储**:提供类似于 NoSQL 数据库的键值对存储功能。 - **高可用性**:通过多节点部署、自动故障转移等方式提高服务的可用性。 - **易于使用**:提供简单的 HTTP 和 gRPC API 进行数据操
|
6月前
|
自然语言处理 编译器 C语言
【C/C++ 标准的发展】C/C++ 语言标准的历史和演变
【C/C++ 标准的发展】C/C++ 语言标准的历史和演变
333 3
|
JavaScript 前端开发 Oracle
ES6:基础使用,积累
ES6:基础使用,积累
52 0
|
JSON 分布式数据库 数据格式
ES 10000条限制解决方案
ES 10000条限制解决方案
890 0
|
设计模式 安全 Java
Java日志框架的发展历史,你不想了解一下吗
Java日志框架的发展历史,你不想了解一下吗
235 0
Java日志框架的发展历史,你不想了解一下吗
|
Java 大数据
大数据基础-查看内容、压缩、输出及历史
查看内容、压缩、输出及历史
107 0
|
Web App开发 XML JSON
JS 发展历史及学习概要|学习笔记
快速学习 JS 发展历史及学习概要
135 0
JS 发展历史及学习概要|学习笔记
|
存储 监控 Ubuntu
ES技术团队划重点 | ES6.X,你必须知道的API和相关技巧
题记 [Elasticsearch6.X相关核心知识点必知必会](http://elasticsearch-cheatsheet.jolicode.com/ Elasticsearch5.X相关核心知识点必知必会(如下)。
241 0
|
存储 分布式计算 安全
在CloudEdge中,通过ES实践解决ElasticLog产品问题
2018 Elastic Meetup南京交流会,由赵伟带来以“ElasticLog with ES in CloudEdge”为题的演讲。本文首先介绍了CloudEdge与ElasticLog是什么,其次介绍了产品的构架图以及ES的作用,最后介绍了ES在实践过程中需要设计Index、分配Shard、快速将Spark里数据写入ES中和数据去重。
3305 0