码迷,mamicode.com
首页 > 其他好文 > 详细

ES6学习之let和const

时间:2017-10-26 13:32:27      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:declare   blog   完全   代码块   col   function   efi   报错   控制   

1.let

基本用法:let声明的变量,只在let命令所在的代码块内有效

{
    let a = 1;
    var b = 2;
}
console.log(a)  //a is not defined
console.log(b)  //2
for(let i=0;i<5;i++){
    //....
}
console.log(i)  //i is not defined

for循环内的var和let声明

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

var声明会产生一个全局变量i,循环结束后i=5

for(let i=0;i<5;i++){
    //....
}
console.log(i)  //i is not defined

let声明的变量i,只在本轮循环中有效,相当于每次循环都会重新声明新的变量i,且只在声明的块作用域内有效

不存在变量提升

console.log(a);  //undefined
var a = "hello";
console.log(b); //报错:b is not defined
let b = "Hello"

let声明的变量不能在声明之前使用

暂时性死区:只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。

var tem = "hello";
if(true){
    tem = "Hello"   //ReferenceError: tem is not defined
    let tem;
}

在代码块内,使用let命令声明变量之前,该变量都是不可用的

不允许重复声明

if (true) {
    var a = "hello";
    let a = "Hello"; //SyntaxError: Identifier ‘a‘ has already been declared

    let b = "sayhi";
    let b = "sayHi"; //SyntaxError: Identifier ‘b‘ has already been declared
}

块级作用域

function test(){
    let n = 5;
    if(true){
        let n = 10;
    }
    console.log(n)  //5
}
test()

let声明的变量只在当前块作用域内有效,故输出5而非10

2.const

const的作用域与let命令相同:只在声明所在的块级作用域内有效。

const声明的变量不得改变值,const一旦声明变量,就必须立即初始化,不能留到以后赋值。
const PI = 3.1415;
console.log(PI);    //3.1415
PI = 3; //TypeError: Assignment to constant variable.
const PI;   //SyntaxError: Missing initializer in const declaration
PI = 3;

const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动

对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。

const PI = 3.1415;
PI = 3; //TypeError: Assignment to constant variable.
const arr = [];
arr.push("hello");
console.log(arr) //[ ‘hello‘ ]
const obj = {};
obj.sayhi = "Hi!"
console.log(obj) //{ sayhi: ‘Hi!‘ }

ES6学习之let和const

标签:declare   blog   完全   代码块   col   function   efi   报错   控制   

原文地址:http://www.cnblogs.com/sghy/p/7735760.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!