JS的变量作用域问题,理解js全局变量和局部变量问题

时间: 2017-11-30阅读: 890标签: js知识

js的变量分为2种类型:局部变量和全局变量。主要区别在于:局部变量是指只能在变量被声明的函数内部调用,全局变量在整个代码运行过程中都可以调用。值得注意的js中还可以隐式声明变量,而隐式声明的变量千万不能当做全局变量来使用。下面将通过一些例子做详细说明:


例子一:

var a="Hello";  
 function test(){  
    var a;  
    console.log(a);  //输出undefined
    a = "World";  
    console.log(a);  //输出World
    console.log(this.a);//输出Hello
    console.log(this === window);//true
} 
test();
console.log(a);//输出Hello

从上面代码可以看出:当局部变量跟全局变量重名时,局部变量在函数内部有声明,同时在函数内部输出时会覆盖掉全局变量,当使用this调用的时候,this默认指向的是window,所以输出的是全局变量的值。

  

例子二:

var a = "Hello";
function test(){
    console.log(a);//undefined
    var a = "world";
    console.log(a);//World
}
test();

这里并没有输出“Hello”,我们在第一已经定义了全局变量a,这是由于:js在执行test()方法时声明部分已经完成了,在执行过程中才进行赋值,所以在这个函数中,执行第3行前,可以认为已经声明了局部变量a,但是并没有定义(这里即赋值),所以第3行输出结果为undefined,执行第4行a 赋值为“world”,所以打印局部变量a的值是world 。


例子三:

var a = "Hello";
function test(){
    console.log(a);//Hello
    a = "World";
    console.log(a);//World
}
test();
console.log(a);//World

这是由于在函数内部,一般用var声明的为局部变量,没用var声明的一般为全局变量,所以没声明的a赋值为“World”,这里的a是全局变量。


例子四:

function test(){
    var a=b=c=d="World";
}
test();
console.log(b+c+d);//而b、c、d都能输出World
console.log(a);//输出时候报错(not defined)

这是由于Js的赋值是从右向左结合: var a=b=c=d="World"; 等价于 var a=(b=(c=(d="World")));,其中只有a被声明了,b,c和d都是自动解析为全局变量了。


吐血推荐

1.阿里云: 本站目前使用的是阿里云主机,安全/可靠/稳定。点击领取2000元代金券、了解最新阿里云产品的各种优惠活动点击进入...

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各类产品的最新活动,优惠券领取点击进入...

3.站长广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入...

4.休闲娱乐: 网页游戏入口... H5游戏入口... 绝地求生首次打折降价了点此访问

链接: http://www.fly63.com/article/detial/203

7个常见的 JavaScript 测验及解答

我相信学习新事物并评估我们所知的东西对自己的进步非常有用,可以避免了我们觉得自己的知识过时的情况。在本文中,我将介绍一些常见的 JavaScript 知识。请享用!

JavaScript 进阶问题列表

我在我的 Instagram 上每天都会发布 JavaScript 的选择题,并且同时也会在这个仓库中发布。从基础到进阶,测试你有多了解 JavaScript,刷新你的知识,或者帮助你的 coding 面试!

JS 中的垃圾回收

对于开发者来说,JavaScript 的内存管理是自动的、无形的。我们创建的原始值、对象、函数……这一切都会占用内存。当某个东西我们不再需要时会发生什么?JavaScript 引擎如何发现它、清理它?

TS与JS中的Getters和Setter究竟有什么用?

在本文中,我们讨论了getter 和 setter 在现代 Web 开发中的实用性。它们有用吗?什么时候使用它们是有意义的?尽管我不同意 getter 和 setter 完全是一个反模式。但它们在几种情况下能带来更多的实用性。

JS中for循环的常见题型

for循环示例;让用户输入行数,使用for循环嵌套打出倒着的星星出来,行数等于用户输入的数字 ;有1,2,3,4这么4个数,能组成多少个互不相同且不含有重复数字的三位数?都是多少?

javascript:void(0)的含义

首先,void关键字是javascript当中非常重要的关键字,该操作符指定要计算或运行一个表达式,但是不返回值。语法格式:void func()、void(func())

前端基础之BOM和DOM

JavaScript分为 : ECMAScript,DOM,BOM。BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。DOM (Document Object Model)是指文档对象模型

解密JavaScript执行上下文

首先我们先了解一下什么是执行上下文栈(Execution context stack)。分别展示了栈、堆和队列,其中栈就是我们所说的执行上下文栈;堆是用于存储对象这种复杂类型,我们复制对象的地址引用就是这个堆内存的地址

javascript中的依赖注入

使用没有依赖的模块,显然这是很难实现的。即使你创建了很好的像黑盒一样的组件,但总有个将所有部分合并起来的地方。这就是依赖注入起作用的地方,当前来看,高效管理依赖的能力是迫切需要的,本文总结了原作者对这个问题的看法。

js中&与&&,|与||的区别

&、|、~都是位操作符,而&&、|、~|都是逻辑操作!。&&是逻辑与运算符假前真后,||是逻辑或运算符真前假后,&是按位与操作两个数值的个位分别相与,同时为1才得1,只要一个为0就为0。

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全