JavaScript 变量作用域分析
2011-07-04 00:00
871 查看
/* 代码1 */ var scope = "global "; function checkScope() { var scope = "local "; function childCheck() { var scope = "childLocal "; document.write(scope); } function childUndefined() { document.write(scope); var scope; } function childOverride() { scope = "childOverride "; document.write(scope); } document.write(scope); //输出"local" childCheck(); //输出"childLocal" childUndefined(); //输出"undefined" childOverride(); //输出"childOverride" document.write(scope); //输出"childOverride" } checkScope(); //输出"local childLocal undefinedchildOverride childOverride" document.write(scope); //输出"global "
全局作用域与局部作用域
全局(global)变量的作用域是全局的,在Javascript中处处有定义;而函数内部声明的变量是局部(local)变量,其作用域是局部性的,只在函数体内部有定义。对于下面的输出读者应不会感到意外。
/* 代码2 */ var scope = "global"; function checkScope() { var scope = "local"; document.write(scope); } checkScope(); //输出"local" document.write(scope); //输出"global"
全局变量作用域中使用变量可以不用var语句,但在声明局部变量是一定要使用var语句,否则会视为对全局变量的引用。看下面代码:
/* 代码3 */ var scope = "global"; function checkScope() { scope = "local"; document.write(scope); } checkScope(); //输出"local" document.write(scope); //输出"local"
没有块作用域
Javascript没有块级作用域,函数中声明的变量在整个函数中都是有定义的。对于下面的代码对于生疏的读者可能颇感意外:
/* 代码4 */ var scope = "global"; function checkScope() { document.write(scope); //语句4.1 var scope = "local"; //语句4.2 document.write(scope); } checkScope(); //输出"undefinedlocal"
由于语句4.1(var scope = "local";)声明的变量在整个checkScope函数作用域内都有效,因此在语句4.2(document.write(scope); )执行的时scope引用的是局部变量,而此时局部变量scope尚未定义,所以输出”undefined”。因此一个好的编程习惯是将所有的变量声明集中起来放在函数的开头。
在了解了上述内容之后,读者再看看代码1应该不会感到困惑了。
对象的属性变量
对象的属性变量比较容易理解,看一下下面的代码读者应该不会感到疑惑。
/* 代码5 */ var scope = "global "; var obj = new Object(); obj.scope = "object "; obj.checkScope = function () { var scope = "loacl "; document.write(scope); //输出"loacl" document.write(this.scope); //输出"object" document.write(window.scope); //输出"global" } obj.checkScope(); //输出"loacl object global"
相关文章推荐
- Javascript 作用域和变量提升
- 简单谈谈javascript中的变量、作用域和内存问题
- JavaScript中的作用域以及this变量
- js全局变量和局部变量的作用域分析
- JavaScript之变量、作用域和内存问题
- 自我学习而已——javascript——变量,作用域和内存问题
- 【追寻javascript高手之路02】变量、作用域知多少?
- 【追寻javascript高手之路02】变量、作用域知多少?
- JavaScript基础——变量、作用域和内存问题
- 深入浅出 JavaScript 变量、作用域和内存 v 0.5
- javascript笔记--(第十二章)变量、作用域及内存
- JavaScript变量、作用域及内存
- javascript的变量、作用域
- 关于javascript在作用域中的变量定义你所不知道的一些东西
- JavaScript高级程序设计-(3) 变量、作用域和内存问题
- Python变量作用范围实例分析
- JavaScript中变量作用域问题
- JavaScript学习 三、变量、作用域和内存
- Javascript 作用域和变量提升