导语
什么是ES6以及为什么使用ES6?
ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。
ES6全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。
每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。
- ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念
- 变量提升特性增加了程序运行时的不可预测性
- 语法过于松散,实现相同的功能,不同的人可能会写出不同的代码
ES6新增语法
let关键字(★★★)
ES6中新增了用于声明变量的关键字
1. let声明的变量只在所处于的 块级有效
- 块级有效指的是for循环,if判断语句等的 大括号内{} 算是块级作用域
- let声明的变量才有块级作用域,var声明的变量没有块级作用域
if (true) {
let a = 10;
}
console.log(a) // a is not defined
let在if语句里面声明的变量,在if语句外面既不能使用了
2. 不存在变量提升
变量必须先声明再使用
console.log(a); // a is not defined
let a = 20;
变量提升是变量可以先使用在定义;
3. 暂时性死区
利用let声明的变量会绑定在这个块级作用域,不会受外界的影响
var tmp = 123;
if (true) {
let tmp = 'abc';
console.log(tmp); //输出abc
}
console.log(tmp); //输出123
小结
- let关键字就是用来声明变量的
- 使用let关键字声明的变量具有块级作用域
- 在一个大括号中 使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的
- 防止循环变量变成全局变量
- 使用let关键字声明的变量没有变量提升
- 使用let关键字声明的变量具有暂时性死区特性
const关键字(★★★)
声明常量,常量就是值(内存地址)不能变化的量
1. 具有块级作用域
if (true) {
const a = 10;
}
console.log(a) // a is not defined
2. 声明常量时必须赋值
不赋值的话会报错
const PI; // Missing initializer in const declaration
3. 常量赋值后不能修改(内存地址不能改变)
- 简单数据类型的值不能更改
- 复杂数据类型内的属性值能更改,但是不能赋值
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.给ary就不能赋值
小结
- const声明的变量是一个常量
- 既然是常量不能重新进行赋值,如果是基本数据类型,不能更改值,如果是复杂数据类型,不能更改地址值
- 声明 const时候必须要给定值
let、const、var 的区别
- 使用 var 声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象>
- 使用 let 声明的变量,其作用域为该语句所在的代码块内,不存在变量提升
- 使用 const 声明的是常量,在后面出现的代码中不能再修改该常量的值