前端-ECMAScript 6技术

前端技术es6

• 1、ECMAScript 6 简介

• • 1.1、ECMAScript 和 JavaScript 的关系

• 1.2、ES6 与 ECMAScript 2015 的关系

• 2、基本语法

• • 2.1、let声明变量
• • 2.1.1、let声明的变量有作用域

• 2.1.2、var可以声明多次；let只能声明一次

• 2.2、const声明常量（只读变量）

• • 2.2.1、const声明之后不允许改变

• 2.2.2、const一旦声明必须初始化，否则会报错

• 3、结构赋值

• • 3.1、数组结构

• 3.2、对象结构

• 4、模板字符串

• 5、声明对象简写

• 6、定义方法简写

• 7、对象拓展运算符–（拷贝对象；合并对象）

• 8、箭头函数

es6学习资料：http://es6.ruanyifeng.com/

es6菜鸟教程：https://www.runoob.com/w3cnote/es6-tutorial.html

1、ECMAScript 6 简介

================================================================================

官方解释：ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

1.1、ECMAScript 和 JavaScript 的关系

---

要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript 的创造者 Netscape （网景）公司，决定将 JavaScript 提交给标准化组织 ECMA，希望这种语言能够成为国际标准。次年，ECMA 发布 262 号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScript，这个版本就是 1.0 版。

因此，ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现（另外的 ECMAScript 方言还有 Jscript 和 ActionScript）

1.2、ES6 与 ECMAScript 2015 的关系

---

ECMAScript 2015（简称 ES2015）这个词，也是经常可以看到的。它与 ES6 是什么关系呢？

2011 年，ECMAScript 5.1 版发布后，就开始制定 6.0 版了。因此，ES6 这个词的原意，就是指 JavaScript 语言的下一个版本。

ES6 的第一个版本，在 2015 年 6 月发布，正式名称是《ECMAScript 2015 标准》（简称 ES2015）。

2016 年 6 月，小幅修订的《ECMAScript 2016 标准》（简称 ES2016）如期发布，这个版本可以看作是 ES6.1 版，因为两者的差异非常小，基本上是同一个标准。根据计划，2017 年 6 月发布 ES2017 标准。

因此，ES6 既是一个历史名词，也是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等，而 ES2015 则是正式名称，特指该年发布的正式版本的语言标准。本书中提到 ES6 的地方，一般是指 ES2015 标准，但有时也是泛指“下一代 JavaScript 语言”。

2、基本语法

=====================================================================

2.1、let声明变量

---

2.1.1、let声明的变量有作用域

2.1.2、var可以声明多次；let只能声明一次

2.2、const声明常量（只读变量）

---

2.2.1、const声明之后不允许改变

2.2.2、const一旦声明必须初始化，否则会报错

3、结构赋值

=====================================================================

结构赋值是对赋值运算符的扩展。

他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。

在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。

3.1、数组结构

---

3.2、对象结构

---

4、模板字符串

======================================================================

模板字符串相当于加强版的字符串，用反引号 `，除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。

最后

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

demo,${f()}

console.log(str3)

最后

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

[外链图片转存中…(img-ppHSyc7M-1714559496273)]