ES6 let和const命令

作者: 王阿王 | 来源:发表于2017-11-24 16:52 被阅读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

相关文章

  • ES6之 let 和 const 命令

    ES6 之 let 和 const 命令 1、let 命令 1.1、基本用法 ES6 新增了let命令,用来声明变...

  • ES6中的let和const命令

    ES6中的let和const命令 let命令 ES6 新增了let命令,用来声明变量。它的用法类似于var,但是...

  • es6总结一

    es6基础 let和const命令 let和const用于声明变量let跟var的区别 1、let定义过的变量不能...

  • ES6笔记

    let 和 const ES6 明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一...

  • ES6语法总结(一)变量的声明

    一:let和const命令 1.let命令 (1) ES6新增了let命令,用来声明变量。用法类似于var,但是声...

  • let和const命令

    es6标准入门 第2章 let和const命令 2.1 let命令 2.1.1 基本用法 let用来声明变量,但所...

  • ES6 学习笔记-let

    let 和 const 命令 1. let命令 基本用法 ES6 新增了let命令,用来声明变量。它的用法类似于v...

  • let和const命令

    ES6学习 let和const命令 1. let命令 基本用法let命令,用来声明变量。他的用法类似于var,只在...

  • 无标题文章

    let和const命令 let命令 基本用法 ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声...

  • 第1章ES6初步

    目标 ES6简介 ECMAScript 和 JavaScript 的关系 let命令 块级作用域 const命令 ...

网友评论

    本文标题:ES6 let和const命令

    本文链接:https://www.haomeiwen.com/subject/sylfbxtx.html