ES6学习-let和const

let命令javascript

ES6新增了let命令,用于声明变量。java

1. let命令不存在变量提高安全

// ES5
console.log(a); // undefined
var a = '123';

// ES6
console.log(b); // Uncaught ReferenceError: b is not defined
var b = '123';

在ES5中若是在var声明的变量以前引用,则该变量是undefined,而在ES6中若是在变量声明以前应用let声明的变量则会报错。spa

2. let变量存在暂时性死区code

var a = '123';
if (true) {
  a = '234'; // Uncaught ReferenceError: a is not defined
  let a = '123';
}

用let声明的变量就至关因而绑定在了这个做用域内了,这个区域内封闭了这个用let声明的变量,因此凡是在这个区域内声明以前使用这个变量就会出现错误。token

typeof a; // Uncaught SyntaxError: Invalid or unexpected token
let a = 'hello world';

这时候咱们发现,typeof就不必定是是一个安全的操做了。ip

3.let不容许重复声明作用域

// ES5
var a = 1;
var a = 2;

// ES6
let b = 1;
let b = 2; // Uncaught SyntaxError: Identifier 'a' has already been declared

用let声明的变量若是重复声明,则会报错。it

4.let块级做用域io

// ES5
for (var i = 0; i < 5; i++) {}
console.log(i); // 5

// ES6 
for (let j = 0; j < 5; j++) {}
console.log(j); // Uncaught ReferenceError: j is not defined

let只在他声明的那一个块做用域内可用,因此在它的快做用域以外引用会报错,let的块级做用域能够避免for循环中的i泄漏在全局做用域之中。

// ES5
(function () {
  var a ...   
}) ();

// Es6 
{
  let ... 
}

let的块级做用域能够代替IIFE,避免全局变量的污染问题。

 

const命令

ES6增长了const命令,用于声明常量。一旦声明,常量就不可改变。

const a; // Uncaught SyntaxError: Missing initializer in const declaration

对于const来讲若是只声明不赋值的话,就会报错。

const的其余特性与let相同,这里就再也不赘述。

相关文章
相关标签/搜索