ES6
ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也支持 ES6,不过只实现了 ES6 的部分特性和功能。
ES6 新增加了两个重要的 JavaScript 关键字: let 和 const。
一:let
ES6中新增了用于声明变量的关键字
let声明的变量只在所处于的块级有效
代码如下(示例):
if (true) {
let a = 10;
}
console.log(a) // a is not defined
**注意:使用let关键字声明的变量才具有块级作用域,使用var声明的变量不具备块级作用域特性。
不存在变量提升
代码如下(示例):
console.log(a); // a is not defined
let a = 20;
暂时性死区
代码如下(示例):
var tmp = 123;
if (true) {
tmp = 'abc';
let tmp;
}
经典面试题
代码如下(示例):
var arr = [];
for (var i = 0; i < 2; i++) {
arr[i] = function () {
console.log(i);
}
}
arr[0]();
arr[1]();
经典面试题图解:此题的关键点在于变量i是全局的,函数执行时输出的都是全局作用域下的i值。
let arr = [];
for (let i = 0; i < 2; i++) {
arr[i] = function () {
console.log(i);
}
}
arr[0]();
arr[1]();
经典面试题图解:此题的关键点在于每次循环都会产生一个块级作用域,每个块级作用域中的变量都是不同的,函数执行时输出的是自己上一级(循环产生的块级作用域)作用域下的i值.
小结
1、let关键字就是用来声明变量的
2、使用let关键字声明的变量具有块级作用域
3、在一个大括号中 使用let关键字声明的变量才具有块级作用域 var关键字不具备这个特点
4、防止循环变量变成全局变量
5、使用let关键字声明的变量没有变量提升
6、使用let关键字声明的变量具有暂时性死区特性
二:const
声明常量,常量就是值(内存地址)不能变化的量
具有块级作用域
代码如下(示例):
if (true) {
const a = 10;
}
console.log(a) // a is not defined
声明常量时必须赋值
代码如下(示例):
const PI; // Missing initializer in const declaration
常量赋值后,值不能修改
代码如下(示例):
const PI = 3.14;
PI = 100; // Assignment to constant variable.
const ary = [100, 200];
ary[0] = 'a';
ary[1] = 'b';
console.log(ary); // ['a', 'b'];
ary = ['a', 'b']; // Assignment to constant variable.
小结
1、const声明的变量是一个常量
2、既然是常量不能重新进行赋值,如果是基本数据类型,不能更改值,如果是复杂数据类型,不能更改地址值
3、声明 const时候必须要给定值
let、const、var 的区别
1、使用 var 声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象
2、使用 let 声明的变量,其作用域为该语句所在的代码块内,不存在变量提升
3、使用 const 声明的是常量,在后面出现的代码中不能再修改该常量的值