JS中var、let、const详解

        首先,var、let、const在项目开发中都是用来声明变量的,在ES5中只有两种声明变量的方法:var和function,在ES6中新增了let、const、class、import四种声明变量的方法,本文主要讲解var、let与const的语法,其他的大家有兴趣可以了解一下。

       一、let的基本语法

                let的用法与var用法相似,都是用来定义一个变量,但let定义的变量没有变量提升,也就是说,使用let定义的变量,必须要在变量声明完以后使用,不然会报错。

//存在变量提升
console.log(a)    //undefined
var a =10

//不存在变量提升,需先声明后使用
console.log(a)    //报错    语法上称为暂时性死区
let a = 10

                let定义的值只在所在代码块中生效,var定义的值在全局范围内都有效。

//var定义的值在全局有效,let定义的值只在所在代码块有效

{
    var a = 10,
    let b = 10
}
console.log(a)    //10
console.log(b)    //报错

                敲重点,面试题,如何输出1-10的数值。可能觉得这不简单一个for就可以了,这个时候需要注意定义变量时记得用let定义,用var的话会输出10个10。可以研究下列案例,相信你会明白。

//循环输出通一变量值
for(var i=0;i<5;i++){
    console.log(i);//0,1,2,3,4  全局   
    setTimeout(function(){
        console.log(i)//5,5,5,5,5  内部 
    },1000);//每次循环更改的是全局的i,所以最后输出的都是最后循环的i,可以通过闭包来解决这个问题
 }
//闭包解决
for(var i=0;i<5;i++){
   (function(k){
    setTimeout(function(){console.log(k)},1000)
    })(i);
}


//循环输出通一变量值
for(let i=0;i<5;i++){
    console.log(i);//0,1,2,3,4  全局   
    setTimeout(function(){
        console.log(i)//0,1,2,3,4 内部 
    },1000);//当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。
 }


小知识点:for循环还有一个特别之处,就是设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。(他循环他的,你输出你的)

                let不允许在相同作用域内,重复声明同一个变量。

function aaa(){
    var a = 10
    var a = 20
    console.log(a);
}
aaa()//20

function aaa(){
    let a = 10
    let a = 20
    console.log(a);
}
aaa()//报错

                ES6新增块级作用域每一个{ }都属于一个作用域。上一层作用域无法访问到下级作用域的变量。

        二、const的基本语法

                const声明一个只读的常量。一旦声明,常量的值就不能改变。

let a=2
a=3
console.log(a);//3

const a=2
a=3
console.log(a);//报错

const a    //值声明不赋值会报错

                const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心。

如果真的想将对象冻结,应该使用Object.freeze方法。

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值