ECMAScript 6 定义变量关键字之 var 、 let 、 const

定义变量

ES6 中新增了两个可以定义变量的关键字 let、const,加上之前的var,我们来看看这三个的区别和使用场景:

 var a   = 1 
 let b   = 2
 const c = 3
 console.log(a,b,c)

//在一个作用域内已经声明的变量,不允许再次定义。 
 var a = 1        //允许重新定义
 // let b = 2    //错误,无法重新定义
 // const c=3    //错误,无法重新定义
 
 // let 可以重新赋值 ,const 不允许重新赋值
 b = 22          //可以 
 c = 2           //不可以 

常量不可变

const 定义的变量不可变,指的是常量对应的内存地址不得改变,而不是对应的值不得改变,即复合数据类型值可变

const aa=1 //值不可变
const bb="string" //值不可变
const cc =true //值不可变

const dd ={
    
    a:1,b:2} //可变
dd.a = 2
console.log(dd); //{a:2,b:2}

//那如果要创建一个不可变的对象呢?
//使用Object.freeze()
//例子1:
const ee = Object.freeze({
    
    a:1,b:2})
ee.a=2 //无效,但不会报错,可以使用严格模式,就会报错 "use strict"
console.log(ee)

//例子2:
const ff = Object.freeze(["星期一","星期二"])
ff[0]="测试修改" //无效,但不会报错,可以使用严格模式,就会报错 "use strict"
console.log(ff)

作用域

ECMA 6 中,有三种作用域, 全局作用域、函数作用域、块级作用域 , var 不会产生块级作用域,let、const 会产生块级作用域

//var 
for(var i=1;i<10;i++){
    
    

}
console.log(i)

//let
for(let j=1;j<10;j++){
    
    
	console.log(j)
}
// console.log(j); //变量未定义,因为for{}形成了一个快级作用域,无法访问到

if(true){
    
    
	const k=23
}
// console.log(k) //变量未定义,因为if{}形成了一个快级作用域,无法访问到

总结

var 不用,一般使用const,如果确定值会被修改才使用let来定义

猜你喜欢

转载自blog.csdn.net/mrtwenty/article/details/123393750