实例一： 复制代码 代码如下: <script type="text/javascript"> var i = 1; // 弹出内容为 1 true 的提示框 alert(window.i + ' ' + (window.i == i)); </script> 分析： 在全局定义的变量其实就是 window 对象的属性。 上面的例子可以看到，我们定义全局变量的同时，window 对象会产生一个相应的属性，如何让我们的代码避免产生这个属性呢，看下面的例子。 实例二： 复制代码 代码如下: <script type="text/javascript"> var document = 1; window.onload = function(){ alert(document); } // 弹出内容为 1 的提示框 alert(window.document); </script> 这种情况是我们不想看到的，我们可以这么做： 复制代码 代码如下: <script type="text/javascript"> function test(){ var document = 1; window.onload = function(){ alert(document); } } test(); // 弹出内容为 [object] 的提示框 alert(window.document); </script> 为了使代码更加简洁，我们可以这样： 复制代码 代码如下: <script type="text/javascript"> (function(){ var document = 1; window.onload = function(){ alert(document); } })(); // 弹出内容为 [object] 的提示框 alert(window.document); </script> 分析： 这种运行匿名方法的形式，在 JavaScript 的主流框架中经常见到，这样做可以避免产生不必要的 window 对象的属性，减少冲突的可能。 实例三： 复制代码 代码如下: <script type="text/javascript"> (function(){ if('1' == '1'){ var i = 1; } // 弹出内容为 1 的提示框 alert(i); })(); </script> 分析： 变量的作用域是整个函数，不是{}块。 实例四： 复制代码 代码如下: <script type="text/javascript"> var i = 1; // 弹出内容为 1 的提示框 alert(i); var i = 2; // 弹出内容为 2 的提示框 alert(i); </script> 分析： 一个变量可以被重新定义，这个看起来有些怪，因为在很多其他语言里这样是行不通的。 实例五： 复制代码 代码如下: <script type="text/javascript"> function test(){ i = 1; } test(); // 弹出内容为 1 的提示框 alert(window.i); </script> 分析： 如果对一个没有初始化的变量进行赋值操作，那么这个变量会作为全局变量。

　　推荐阅读

　　JavaScript写的一个DIV 弹出网页对话框

网上搜索到的代码,做了一些修改该, 修正无法自定义颜色,修正IE8 下错误,以及其他小BUG 兼容IE6~8以及火狐 可以自定义 // 提示窗口标题高度 // 提示窗口的边框颜色 // 提示窗口的标题颜色 // 提示窗口的标题背景色 >>>详细阅读

本文标题：JavaScript 变量作用域及闭包第1/2页

地址：http://www.17bianji.com/kaifa2/JS/28287.html

 1/2    1