js变量和函数声明的提升,函数声明会把整个函数提升
1. 函数声明提升
func()function func () {}
上例不会报错,正是因为 ‘函数声明提升’,即将函数声明提升(整体)到作用域顶部(注意是函数声明,不包括函数表达式),实际提升后结果同下:
// 函数声明提升function func () {}func()
2. 变量声明提升(只有var声明的变量才有变量提升,let、const无;变量赋值无提升)
1. console.log(num) var num = 102. console.log(func) var func = function () { }
上两例均会打印出 'undefined',变量声明提升会将变量声明提升到作用域顶部,但只会提升声明部分,不会提升赋值部分,实际提升后结果如下:
1. var num console.log(num) num = 102. var func console.log(func) func = function () { }
3. 进阶举例(两者优先顺序、局部与全局变量):
①
var func = 10console.log(func && typeof(func))function func () {}-----console.log(func && typeof(func))function func () {}var func = 10
上两例将分别输出 ‘number’、'function',原因是 函数声明提升优先于变量提升,函数声明会被变量赋值影响,但不会被变量声明影响,实际提升后结果如下:
function func () {}var func = 10console.log(func && typeof(func))-----function func () {}var funcconsole.log(func && typeof(func))func = 10
②
num = 10function 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 numnum = 10func()