什么是es6
ES6 就是ECMAScript 6是新版本JavaScript语言的标准。虽然目前已经更新到ES7,但是很多浏览器还不知处ES7语法,该标准仍在更新中,但目前部门网站都指出ES6的语法。目前ES6也是使用最多的最新的javaScript语言标准。
在2009年ES5问世以后,javaScript的标准就一直没有更新。从那时起ES标准委员会就已经开始筹划新的ES标准,在2015年发布了ES6。ES6是ECMAScript 的第6个版本。
let、const
let命令
基本用法
ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。
{
let a = 10;
var b = 1;
}
a // ReferenceError: a is not defined.
b // 1
上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变量只在它所在的代码块有效。
let 特性:
用来声明变量,只在它所在的代码块中有效,所以在此块级作用域中不可重复声明;
不存在变量提升,声明后必须使用;
块级作用域中未声明就是用会报错(暂时性死区);
// var 存在变量提升,undefined是一种数据类型
console.log(foo); // 输出undefined
var foo = 2;
// let 不声明就使用会报错
console.log(bar); // 报错ReferenceError
let bar = 2;
for循环的计数器,就很合适使用let命令。
for (let i = 0; i < 10; i++) {}
console.log(i);
//ReferenceError: i is not defined
上面代码中,计数器i只在for循环体内有效,在循环体外引用就会报错。
下面的代码如果使用var,最后输出的是10。
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 10
const命令
const声明一个只读的常量。一旦声明,常量的值就不能改变。
const 特性:
具有上面 let 的三个特性;
声明后所指向的内存地址不会变动: 声明的简单类型的数据(数值、字符串、布尔值)等同于常量,复合类型的数据(比如对象、数组)只保存指针,原数据的数据结构是不是可变的,不能控制;
const a = {value:1}
a.value = 2
console.log(a) //{value:2}
const b =[1,2,3]
b.push(4)
console.log(b) //[1,2,3,4]
const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。
const foo;
// SyntaxError: Missing initializer in const declaration
上面代码表示,对于const来说,只声明不赋值,就会报错。
const的作用域与let命令相同:只在声明所在的块级作用域内有效。
if (true) {
const MAX = 5;
}
MAX // Uncaught ReferenceError: MAX is not defined
const声明的常量,也与let一样不可重复声明。
var message = "Hello!";
let age = 25;
// 以下两行都会报错
const message = "Goodbye!";
const age = 30;
复制代码
注意:不允许将已有的 var 或 let 变量重新声明或重新赋值给 const