ES6入门教程(一)

es6简介

        什么是ES6？

ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。

年份	版本
2015年6月	ES2015
2016年6月	ES2016
2017年6月	ES2017
2018年6月	ES2018
…	…

ES6 实际上是一个泛指，泛指  ES2015 及后续的版本。

ES6 与 ECMAScript 2015 的关系

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

为什么使用 ES6 ?

每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。

变量提升特性增加了程序运行时的不可预测性

语法过于松散，实现相同的功能，不同的人可能会写出不同的代码

ES6 和 ES5的区别

区别：

        1、es6新增了箭头函数，es5没有；

        2、ES6中新增了块级作用域，es5没有；

       3、ES6引入Class概念，不再像ES5一样使用原型链实现继承；

       4、ES6中可以设置默认函数参数，es5不行；

       5、ES6中新增了promise特性；//破门四

       6、模板字符串；

       7、赋值解构； 等等，我们一起学习。

ES6新增语法

let

ES6中新增的用于声明变量的关键字。

let声明的变量只在所处于的块级有效

 注意：使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。

作用域

作用域是指在程序中定义变量的区域，该位置决定了变量的生命周期。通俗地理解，作用域就是变量与函数的可访问范围，即作用域控制着变量和函数的可见性和生命周期。

在 ES6 之前，ES 的作用域只有两种：全局作用域和函数作用域。

1、全局作用域 中的对象在代码中的任何地方都能访问，其生命周期伴随着页面的生命周期。

2、函数作用域 就是在函数内部定义的变量或者函数，并且定义的变量或者函数只能在函数内部被访问。函数执行结束之后，函数内部定义的变量会被销毁。

块级作用域就是使用一对大括号包裹的一段代码，比如函数、判断语句、循环语句，甚至单独的一个{}都可以被看作是一个块级作用域。

let

ES6中新增的用于声明变量的关键字

不存在变量提升

暂时性死区

只要块级作用域内存在let命令，它所声明的变量就“绑定”这个区域，不再受外部的影响。

 

 上面代码中，存在全局变量tmp，但是块级作用域内let又声明了一个局部变量tmp，导致后者绑定这个块级作用域，所以在let声明变量前，对tmp赋值会报错。

ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。

const

作用：声明常量，常量就是值（内存地址）不能变化的量

具有块级作用域

声明常量时必须赋值

 常量赋值后，值不能重新赋值修改。如果里面存放是数组和对象可以通过下标修改里面值

 let、const、var 的区别

1. 使用 var 声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象。

2. 使用 let 声明的变量，其作用域为该语句所在的代码块内，不存在变量提升。

 3. 使用 const 声明的是常量，在后面出现的代码中不能再修改该常量的值。

var	let	const
函数级作用域	块级作用域	块级作用域
变量提升	不存在变量提升	不存在变量提升
值可更改	值可更改	值不可更改

解构赋值

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构

数组解构

ES6中允许从数组中提取值，按照对应位置，对变量赋值。对象也可以实现解构。

 如果解构不成功，变量的值为undefined。

可以不需要第三个变量,来交换两个变量的值

数组解构

 按照一定模式，从数组中或对象中提取值，将提取出来的值赋值给另外的变量。

对象解构

 使用技巧,给函数传参

对象解构

 ...扩展运算符

... 和 解构配合使用

 剩余参数rest

剩余参数语法允许我们将一个不定数量的参数表示为一个数组。