JavaScript中的变量提升和函数提升

用作记录与var相关的变量提升和函数提升知识点的学习。

提升,也即将某些待执行语句提到前面,不是完完全全地一行行按照js的代码顺序执行。

1、变量提升

在当前作用域中若有var声明的变量,将其提到本作用域的最前面,但let,const并没有这种现象。

        console.log('num=' + num)
        var num = 12

运行结果为 num=undefined

因为变量提升只是将变量的声明提到最前面,编译器能认识有这个变量,但赋值部分依旧没有提升,故num的值为undefined。

        console.log('num2=' + num2)
        let num2 = 11

        console.log('num3=' + num3)
        let num3 = 10

上述代码在执行过程中会报错。

对于let,const声明的变量则没有变量提升的这种情况。

2、函数提升

类似于前面的变量提升,函数提升是将当前作用域中的所有函数声明提到本作用域的最前面。


        fn()
        function fn() {
            console.log('111')
        }

 上述代码能够正常在控制台打印输出111的字样,因为fn()函数体被提升到fn()调用语句的前面,但这种提升只是将函数的声明提到前面,函数的调用并未提升。

匿名函数的一个例子

//相当于此处   var fun

//注意,只声明,不赋值,因此不认为fun是一个函数

 fun()

 var fun = function () {

        console.log('222')

 }

打印出    fun is not a function

函数表达式不存在函数提升的情况。

  • 6
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值