变量提升以及let、const详细讲解

let和const

letconst 变量声明块作用域。
什么是块作用域?块作用域=函数内部+花括号内部。
可以参考我之前的博客,里面讲了作用域问题。
作用域

那么我们先来讲讲变量提升的问题。
一开始说变量提升,你可能会觉得这是个什么词,没听过,一听就挺难理解。但如果你之前写过比较多的JavaScript代码,你基本上一直都在遇到变量提升这个问题。
我们都知道,js中的变量,我可以先声明再赋值,也可以先赋值再声明,除了赋值,我们甚至可以使用。

	var a;
	a=5;
	console.log(a++);
    a=5;
    console.log(a++);
    var a;

这两种情况得到的结果是一样的,不如说他们的代码在“经过整理”后执行顺序是一样的。这就是hoisting变量提升
变量提升:函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。
所以即便我们先使用再声明,因为有变量提升的存在,也会变成先声明再使用。
但这仅仅适用于变量声明,即只有声明的变量。如果是在声明的同时进行赋值,就只有变量的声明被提升到最顶端,赋值不会。

理解了变量提升的概念,那么我们现在接着来说let和const

let
let声明的变量只在let所在命令的代码块中有效,简单来讲,let只在他所在的花括号中有效,除了花括号就无法访问。
let和var区别是什么?
有人可能会想,var 声明的变量不也只能在所在变量域中使用吗?

<script>
    fun2();
    function fun2(){
        var b=5;
        if(b==5){
            let c=2;
            if(c==2){
                let d=1;
                console.log(d);//1
            }  
            console.log(d);//undefined
        }
        console.log(c);//undefined
    }
</script>
<script>
    fun2();
    function fun2(){
        var b=5;
        if(b==5){
            var c=2;
            if(c==2){
                var d=1;
                console.log(d);//1
            }  
            console.log(d);//1
        }
        console.log(c);//2
    }
</script>

我们知道像是 if else switch for ...这样的关键字虽然有花括号,但不会形成自己的作用域,即在花括号中声明的变量或方法仍是属于if所在的作用域的。但let就是让if形成了自己的作用域,这样在if花括号中声明的变量处于if的作用域中,无法被if所在作用域以及上层所用域使用。

约束条件
在相同的作用域或块级作用域中,

  • 不能使用 let 关键字来重置 var 关键字声明的变量;
  • 不能使用 let 关键字来重置 let 关键字声明的变量;
  • 不能使用 var 关键字来重置 let 关键字声明的变量;
 let变量只能先声明后使用,不能变量提升。

const
const就比较简单了,学过c或者java其他一些语言的同学应该都记得const。

const是用来声明常量的。在声明的同时必须进行赋值,且不允许被修改,当然可以在赋值的地方修改。

这是针对常量数值来讲的。
如果我们声明了一个数组或对象类型的常量呢?它们是可以被修改的,但也是不能被重新赋值。

<script>
    const PI=3.1415926;
    PI=3.14;//错误
    PI=PI+1;//错误

    const a=[1,2,3];//5 2 3 6
    a[0]=5;
    a.push(6);
    a=[4,5,6];//错误

    const b={name:"lucy",age:"16",color:"red"};
    b.name="lili";
    b.sex="girl";
</script>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值