一个典型的例子理解JavaScript作用域以及变量提升
来源:互联网 发布:base64 json 图片 编辑:程序博客网 时间:2024/06/05 16:36
例子:
var a = 1; function b() { a = 10; return; function a() {} } b(); alert(a); // 结果为1
一开始我是很困惑的,为什么结果不是10,a是一个全局变量,在函数b中被修改成了10那么输出就应该是10啊,当我把function a() {} 这一条语句注释掉,再次运行结果就是为10,所以我判定函数a有很大的问题
现在了解了作用域和变量提升终于明白了,先来画一个作用域链,可以参考我的文章http://blog.csdn.net/qq_26725075/article/details/76718331
因为这次的作用域链中要加入变量声明才容易理解,所以我修改了作用域链的画法
红色的是作用域中的变量对象
变量提升即将变量声明提升到它所在作用域的最开始的部分,即:
function b() {}; //函数提升var a; //变量提升a = 1; function b() { function a() {} //函数提升 a = 10; return; function a() {} } b(); alert(a);
执行到b()进入了函数b的作用域,把函数a声明提升,此时开始执行a = 10;这条语句,重点来了,根据作用域链的规则:局部作用域开始时会先在自己的变量对象中搜索变量和函数名,如果搜索不到则再搜索上一级作用域链,所以说当执行a = 10;这条语句时,发现在当前作用域中是有着变量a的(类型为function),所以不会去父级作用域中寻找变量类型为number的a,执行完语句之后函数b作用域中的function a变成了number a,并且被赋予了10,用代码来验证:
var a = 1; function b() { alert(typeof a); a = 10; alert(typeof a); alert(a); return; function a() {} } b(); alert(a); //结果是function number 10 1
当return,返回window作用域,函数b的作用域被销毁,此时全局变量a的值始终没有被改变,仍然为1
此文章是根据http://blog.csdn.net/sunxing007/article/details/9034253博文总结而来的
阅读全文
2 0
- 一个典型的例子理解JavaScript作用域以及变量提升
- javascript中的变量作用域以及变量提升详细介绍
- javaScript的作用域和变量提升
- javascript的变量提升和作用域
- JavaScript的作用域和变量提升
- JavaScript 变量提升 作用域
- javascript 变量提升,及变量作用域
- JavaScript变量作用域和变量提升
- Javascript变量作用域、变量提升
- javascript执行上下文、作用域与闭包(第七篇)---关于闭包典型例子的理解
- javascript中的【变量作用域】和【作用域链】以及【闭包】的理解
- 理解JavaScript的变量,变量作用域,作用域链
- 深入理解JavaScript的变量作用域
- 深入理解JavaScript的变量作用域
- 深入理解JavaScript的变量作用域
- 深入理解JavaScript的变量作用域
- 深入理解JavaScript的变量作用域
- 深入理解JavaScript的变量作用域
- 在ubuntn kylin系统eclipse中Java语言helloworld程序
- WebService 通过注解修改wsdl文档
- BZOJ 2038 小Z的袜子(hose) 莫队
- Git使用配置之第二篇章
- hdu 5768
- 一个典型的例子理解JavaScript作用域以及变量提升
- 区块链能否化解共享经济的信任壁垒
- C++基础之类继承1
- ThinkPHP学习-错误解决1
- MATLAB绘制二维高斯曲面
- I/O多路复用之select&poll
- 动态规划专题
- 区块链的未来之路
- Java中栈的简单操作