首页 > 代码库 > JavaScript变量提升演示样例
JavaScript变量提升演示样例
直接先看两段代码
function getSum() { var sum = a + b; var a = 1; var b = 2; return sum; } getSum();
function getSum() { var sum = a + b; a = 1; b = 2; return sum; } getSum();
大家能够先看一下这两段代码的异同,并推断一下运行后分别得到的结果。
在运行第一段代码时,得到的NaN,这是由于在函数中变量声明被提升的结果。在运行“sum = a + b”前,先进行了a,b的定义。但由于没有赋值(赋值不会被提升)。所以此时a。b的值均为undefined。终于变为sum = undefined + undefined,然后得到NaN的结果。
在运行第二段代码时。得到的却是“ReferenceError: a is not defined",抛出一个异常说a没有定义。在这里。函数中的a,b因为没有通过var定义,而被当成了全局变量,因此在函数中没有对a,b的声明进行提升。而在函数的一開始便运行了”sum = a + b"的操作,在运行这一句时,会沿着作用域量逐级往外找a与b的定义和值,因为在这里没有找到对应的定义(全局作用域也没有),从而抛出a没有定义异常(事实上b也会抛出没有定义异常)。
将第二段代码稍作改动,改成以下这样:
a = b = 3; function getSum() { var sum = a + b; a = 1; b = 2; return sum; } getSum();
再运行这段代码。此时得到的是6,a、b的值在全局作用域中找到了。
JavaScript变量提升演示样例
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。