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

时间: 2017-11-30阅读: 1050标签: 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.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

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

javascript中什么是句柄?

一个句柄是指使用的一个唯一的整数值,即一个4字节(64位程序中为8字节)长的数值,来标识应用程序中的不同对象和同类中的不同的实例。

javascript不可变性是什么?

不可变性即某个变量在进行了某个操作之后,其本身没有发生变化,比如对于字符串而言,对字符串的任何操作都会改变字符串本身的值,而是在字符串的基础上复制出来一个然后再改变,这样我们就说是不可变的

为什么javascript不起作用?

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

javascript怎么判断按钮被点击?

JavaScript可以通过Event对象的target事件或srcElement(IE浏览器支持)来判断按钮是否被点击。Event对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

javascript由几部分组成?

JavaScript有三部分组成。分别为核心(ECMAScript) 、文档对象模型(DOM)、浏览器对象模型(BOM)。这三部分分别描述了该语言的语法和基本对象、处理网页内容的方法和接口、与浏览器进行交互的方法和接口。

Js输出方式有哪些?

在编写JavaScript代码的时候, 一定要记住每一句代码后面都需要添加一个分号, 并且这个分号必须是英文的分号,我们会发现有时候不写分号程序也能够运行, 这里并不是因为不需要分号, 而是浏览器自动帮助我们添加了分号

7个常见的 JavaScript 测验及解答

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

Js中constructor指向问题

首先用一个例子指出来constructor存在形式。由上面的代码我们总结出结论1:上面的代码在控制台可以看出constructor是指向构造器Fruit的引用。这个地方就有点奇怪了。这个constructor到底指向的是那个实例的构造器?

javascript难点是什么?

javascript难点是什么?下面本篇文章就来给大家介绍一下10个JavaScript难点,感兴趣的小伙伴们可以参考一下,希望对大家有所帮助。立即执行函数,即Immediately Invoked Function Expression (IIFE),正如它的名字

Js如何获取ul中li的个数?

javascript如何获取ul中li的个数?下面本篇文章就来给大家介绍一下使用javascript获取ul中li个数的方法,希望对大家有所帮助。

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

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

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