js在if语句中的函数声明会不会得到函数提升?

话不说多,先上代码。

var a = 0;
if (true) {
    function a () {

    }
    a = 3;

}
console.log(a) // a() {}

如果程序中遇见if语句的情况,且程序内恰好包含函数声明的情况(一般我们不会写出这样的代码,但是容易出现在面试题中)

首先看mdn的解释

一个被函数声明创建的函数是一个 Function 对象,具有 Function 对象的所有属性、方法和行为。查看 Function 以获取 function 的详细信息。

函数也可以被表达式创建( function expression

函数可以被有条件来声明,这意味着,在一个 if 语句里,函数声明是可以嵌套的。有的浏览器会将这种有条件的声明看成是无条件的声明,无论这里的条件是true还是false,浏览器都会创建函数。因此,它们不应该被使用。

默认情况下,函数是返回 undefined 的。想要返回一个其他的值,函数必须通过一个 return 语句指定返回值。

企鹅自己在这里总结了几点来解决此类问题

  1. if语句内的函数无论是否被执行,同样会被声明到当前作用域的顶部,只不过值不是函数体,你可以理解成披着函数的外衣但是值却是undefined,而在变量声明与函数声明中,毫无疑问,身为函数一等公民的函数声明优先级要高于变量声明。

  2. if语句内即{}内被视为一个块级作用域,变量以及函数在此处遵循一般的声明规则

  3. 在执行到函数声明时,当前作用域那个函数声明的变量会被赋值为函数体

  4. 引用mdn的一句话,函数可以被有条件来声明,这意味着,函数声明可能出现在一个 if 语句里,但是,这种声明方式在不同的浏览器里可能有不同的效果。因此,不应该在生成环境代码中使用这种声明方式,应该使用函数表达式来代替。

  5. 切记此方法仅适用于es5

如果看懂了上面的,那么再来看这道题

var a = 1;
if(true){
    console.log(a) // 1
    if (true) {
        function a() {}
    }
    a()
}
console.log(a) // a() {}

你答对了嘛?

————————————分割线——————————————
在es5语法中,语法规定函数只能在全局作用域和函数作用域声明,而且在es6之前都是没有块作用域这个概念的,但是es6新增了块级作用域,因此在块级作用域内声明的函数就是非法行为,但是各大浏览器也不能对这个问题不做处理了,不然报错不就GG了,所以在es6在附录B里面规定,浏览器的实现可以不遵守上面的规定,有自己的行为方式。简而言之就是你们自己看着兼容处理吧,别报错就行。

那么在es6语法中,块级作用域中书写函数会怎么样呢?
上代码

if (true) {
	var a = function () {}
}

被es6处理成这样了,块级作用域内的函数声明变成了函数表达式,别看它是个函数表达式,但是在块级作用域内函数提升依然存在的,同时,var也被提升到全局,相当于这种

var a
if (true) {
	a = function () {}
}
  • 5
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值