首页 > 编程知识 正文

js变量和函数声明的提升,函数声明会把整个函数提升

时间:2023-05-03 13:46:44 阅读:279577 作者:4997

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()

 

欢迎关注、点赞

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。