js 函数声明提升和变量声明提升

1. 函数声明提升

func()
function func () {
}

上例不会报错，正是因为 ‘函数声明提升’，即将函数声明提升（整体）到作用域顶部（注意是函数声明，不包括函数表达式），实际提升后结果同下：

// 函数声明提升
function func () {
}
func()

2. 变量声明提升（只有var声明的变量才有变量提升，let、const无；变量赋值无提升）

1. console.log(num)
   var num = 10

2. console.log(func)
   var func = function () {
   }

上两例均会打印出 'undefined'，变量声明提升会将变量声明提升到作用域顶部，但只会提升声明部分，不会提升赋值部分，实际提升后结果如下：

1. var num 
   console.log(num)
   num = 10

2. var func
   console.log(func)
   func = function () {
   }

3. 进阶举例（两者优先顺序、局部与全局变量）：

①

var func = 10
console.log(func && typeof(func))
function func () {
}

-----

console.log(func && typeof(func))
function func () {
}
var func = 10

上两例将分别输出 ‘number’、'function'，原因是 函数声明提升优先于变量提升，函数声明会被变量赋值影响，但不会被变量声明影响，实际提升后结果如下：

function func () {
}
var func = 10
console.log(func && typeof(func))

-----

function func () {
}
var func
console.log(func && typeof(func))
func = 10

    ②

num = 10
function func () {
    window.num = 5
    console.log(num)
    var num
    console.log(window.num)
}
func()

上例将会分别打印出 'undefined'、'5'，第一处为局部变量，第二处为全局变量，实际提升后结果如下：

function func () {
    var num
    window.num = 5
    console.log(num)
    console.log(window.num)
}
var num
num = 10
func()

 

欢迎关注、点赞