JavaScript的变量声明提升问题浅析(Hoisting)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript的变量声明提升问题浅析(Hoisting),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1368字,纯文字阅读大概需要2分钟。
内容图文
![JavaScript的变量声明提升问题浅析(Hoisting)](/upload/InfoBanner/zyjiaocheng/305/c0f92b57963b4dce9607130f3ff5b3de.jpg)
hoisting 英[‘h??st??] 美[‘h??st??]
n. 起重,提升
v. 把…吊起,升起( hoist的现在分词 )
先来看一个栗子
var cc = 'hello'; function foo(){ console.log(cc); var cc = 'world'; console.log(cc); } foo(); console.log(cc);
这里将会输出 undefined、'world' 、'hello'
此处主要有两个知识点:
1、作用域
2、变量声明提升
JavaScript是一门解释性语言,当代码在解释器(如Chrome的V8引擎)环境中执行时,会有一个预解析的过程,此时会将变量声明和函数声明提升至当前作用域的最前方,这个行为被称为声明提升(Hoisting)
再来看上面的例子,此代码有两层作用域,全局作用域和函数foo作用域,而foo中的变量声明在预解析的过程中会被提升至函数作用域的前方,于是代码就会变成这样:
var cc = 'hello'; function foo(){ var cc; console.log(cc); cc = 'world'; console.log(cc); } foo(); console.log(cc);
当执行到第一个log时,变量cc只是进行了声明,并未赋值,所以打印出的是undefined
二、 函数声明提升
函数的声明有两种方式:函数声明和函数表达式
// 函数声明 function foo(a, b) { return a + b; } // 函数表达式 var foo = function(a, b) { return a + b; }
解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问);至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。
当然,也可以函数声明和函数表达式同时使用,如var a = function b(){} ,其结果是只具有函数表达式的作用,b会被自动忽略,所以只会发生变量提升效果。
内容总结
以上是互联网集市为您收集整理的JavaScript的变量声明提升问题浅析(Hoisting)全部内容,希望文章能够帮你解决JavaScript的变量声明提升问题浅析(Hoisting)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。