【谷粒学院】008-ES6介绍、变量和常量、解构赋值、模板字符串、声明对象简写、定义方法简写、对象拓展运算符、箭头函数

清疚 2023-10-05 15:19 8阅读 0赞

# **目录** #

一、介绍

1、概述

2、ECMAScript 和 JavaScript 的关系

3、ES6 与 ECMAScript 2015 的关系

二、变量与常量

1、let声明局部变量

var声明的是全局变量，let声明的是局部变量：

var可以声明多次，let只能声明一次：

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

初始化之后无法改变：

一旦声明必须立即初始化：

三、解构赋值

1、概述

2、数组解构

3、对象解构

四、模板字符串

1、概述

2、基本使用

五、声明对象简写

六、定义方法简写

七、对象拓展运算符

1、概述

2、拷贝对象与合并对象

八、箭头函数

1、概述

2、语法格式

3、代码演示

--------------------

# 一、介绍 #

## 1、概述 ##

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

## 2、ECMAScript 和 JavaScript 的关系 ##

1996 年 11 月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织 ECMA，希望这种语言能够成为国际标准。次年，ECMA 发布 262 号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScript，这个版本就是 1.0 版。因此，ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现（另外的 ECMAScript方言还有 Jscript 和 ActionScript）；

## 3、ES6 与 ECMAScript 2015 的关系 ##

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 语言”；

# 二、变量与常量 #

参考我之前的笔记：JS中var、let和const的区别详解[https://blog.csdn.net/qq\_29689343/article/details/109282600][https_blog.csdn.net_qq_29689343_article_details_109282600]

## 1、let声明局部变量 ##

### var声明的是全局变量，let声明的是局部变量： ###

### var可以声明多次，let只能声明一次： ###

## 2、const声明常量（只读变量） ##

### 初始化之后无法改变： ###

### 一旦声明必须立即初始化： ###

# 三、解构赋值 #

## 1、概述 ##

①解构赋值是对赋值运算符的扩展；

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

③在代码书写上简洁且易读，语义更加清晰明了；

④也方便了复杂对象中数据字段获取；