Web 前端开发 让前端飞

ES6 let和const命令

2017-11-24  本文已影响0人  王阿王

基本用法

let 和const是ES6新增的两种,声明变量的方法,用法与var 类似,但都有各自的特点和用途。

let

一、let 声明的变量只在let命令所在的代码快内有效。

由于JavaScrip没有块级作用域,所以会产生一些不合理的场景。而let则实际上为JavaScript新增了块级作用域。

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10

在 for 循环的计数器中,如果用var 声明 i,会成为全局变量,
所以在 循环中,每一次的循环 新的 i值都会去覆盖旧值,所以输出的是最后一轮的i值。

如果使用let,声明的变量仅在块级作用域中有效 ,最后将输出6
var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6

二、不存在变量提升

let不会像var一样发生‘变量提升’,所以let声明的变量一定要先声明在使用,

console.log(i) //1 Uncaught ReferenceError: i is not defined
let i =2
三 暂时性死区

只要块级作用域内 存在 let 命令 ,它所声明的变量就绑定了这个作用域,不再受外部影响,ES6明确规定,如果区块中存在 let 和const命令,则这个区块对这些命令声明的变量从一开始 就形成封闭作用域,只要是在声明之前使用这些变量,就报错。

在代码块内,使用let命令声明之前,该变量都是不可用的。
var tmp =123;
if(true){
tmp ='abc';//ReferenceError
let tmp;
}


if(true){
tmp ='abc';//ReferenceError
console.log(tmp)//ReferenceError
let tmp;
console.log(tmp)//undefined
}

四、不允许重复声明
let 不许在相同作用域内重复声明同一个变量,
function () {
   let a=10;
  var a=1;
}      //x

function () {
   let a=10;
  let a=1;
}    //x
不能在函数内部重新声明参数
function func(arg) {
  let arg;
}     //x
五、用let声明的全局变量不属于全局对象的属性
let a=1;
window.a   //undefined

const

一、const用来声明常量,一旦声明,值不可改变,并立即初始化,不能留到以后赋值。
const PI=3;
PI  //3
PI=2
//TypeError: "PI" is read-only
const foo;
//只声明不赋值,也报错,
*ES6中一共有六种声明变量的方法,var 、funbction、let、const、import、class
上一篇 下一篇

猜你喜欢

热点阅读