javascript 变量作用域代码分析

更新时间：2009年06月26日 13:20:55 作者：

作用域（scope）是javascript中一项令人棘手的的特性。所有面向对象编程语言都有某种形式的作用域，不过和把这个概念放在什么上下文中有关。在javascript里，作用域是由函数划分的。

代码清单1-1 展示javascript的变量作用域的例子
//设置全局变量foo,并置为"test"
var foo = "test";
//在if块中
if(true){
//将foo置为'new test'
var foo = "new test";
}
//如我们所见，现在foo等于'new test'了
alert(foo == "new test");
//创建一个会修改变量foo的新函数
function test(){
var foo = "old test";
}
//然而在调用时，foo只在函数作用域内起作用
test();
//这里确认了foo 还是等于'new test'
alert(foo == "new test");
基于浏览器的javascript 的一个有趣的特性是，所有属于全局变量作用域的变量其实都是window对象的属性。
代码清单1-2 javascript中全局作用域和window对象
//一个全局作用域下的变量，存储了字符串'test'
var test = 'test';
//你可以看到我们的全局变量和window对象的test属性是一致的
alert(test == window.test)
最后如果变量没有显式定义，它就是全局定义的，虽然它可能只在这个函数作用域的范围内使用。
代码清单1-3 隐式全局作用域的变量声明
//一个设置了foo值的函数
function test(){
foo = "test";
}
//调用此函数以设置foo的值
test();
//我们发现foo现在是全局作用域下
alert(window.foo == "test");

您可能感兴趣的文章:

原生js实现瀑布流布局
这篇文章主要为大家详细介绍了原生js实现瀑布流布局的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
JS中postcss插件实现vw适配的方法
PostCSS是一个用JavaScript编写的插件工具,它可以帮助我们对CSS进行模块化、自动化处理和优化,这篇文章主要介绍了JS中postcss插件实现vw适配,需要的朋友可以参考下
2025-01-01
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
这篇文章主要介绍了JavaScript中的索引数组、关联数组和静态数组、动态数组讲解,本文介绍了从数组的下标分为索引数组、关联数组、从对数据的存储分为静态数组、动态数组,并给出了示例,需要的朋友可以参考下
2014-11-11
JSONP跨域请求实例详解
JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。接下来通过本文给大家介绍JSONP跨域请求实例详解，感兴趣的朋友一起看下吧
2016-07-07
javascript实现颜色渐变的方法
这篇文章介绍了javascript实现颜色渐变的方法，有需要的朋友可以参考一下
2013-10-10
微信小程序实现身份证取景框拍摄
这篇文章主要介绍了微信小程序实现身份证取景框拍摄，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
Javascript 类的继承实现代码
JavaScript中类的学习，从基本类继承过来方法。
2009-07-07
基于JavaScript实现选项卡效果
这篇文章主要为大家详细介绍了基于JavaScript实现选项卡效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-07-07
JavaScript手写call,apply,bind方法
这篇文章主要介绍了JavaScript手写call,apply,bind方法，call，bind，apply方法都是JavaScript原生的方法，挂载在Function原型上,使得所有函数都可以调用
2022-06-06
详解ES6语法之可迭代协议和迭代器协议
这篇文章主要介绍了详解ES6语法之可迭代协议和迭代器协议,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-01-01