探讨JavaScript中声明全局变量三种方式的异同_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了探讨JavaScript中声明全局变量三种方式的异同_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1668字，纯文字阅读大概需要3分钟。

内容图文

方式1

var test;
var test = 5;需注意的是该句不能包含在function内，否则是局部变量。这是第一种方式声明全局变量。

方式2

test = 5;
没有使用var，直接给标识符test赋值，这样会隐式的声明了全局变量test。即使该语句是在一个function内，当该function被执行后test变成了全局变量。

方式3

window.test;
window.test = 5;这种方式经常被用到一个匿名函数执行后将一些函数公开到全局。 如JQuery1.5中最末一句

window.jQuery = window.$ = jQuery;

如果只是使用变量test，那么三种方式将没有什么区别。比如：alert(test) 都将显示5。但三种方式在某些情况下还是有区别的。分别按以上三种方式声明三个变量a1,a2,a3。

a1 = 11;
var a2 = 22;
window.a3 = 33;

1，for in window

for(a in window){
if(a=='a1'||a=='a2'||a=='a3'){
alert(a)
}
}
IE6/7/8/9：只弹出了a3，说明通过第一，二种方式声明的全局变量通过for in window时将获取不到。
Firefox/Chrome/Safari/Opera ：a1,a2,a3都弹出了，说明三种方式声明的全局变量，通过for in window时都能获取到。

2，delete

try {
alert(delete a1);
}catch(e){alert('无法delete a1')}

try{
alert(delete a2);
}catch(e){alert('无法delete a2')}

try{
alert(delete a3);
}catch(e){alert('无法delete a3')}

结果如下

可以看到，
1，delete a2所有浏览器都是false。即通过var声明的变量无法删除，所有浏览器表现一致。这在犀牛书上也有提到。

2，通过window.a3方式声明的全局变量在IE6/7/8中均无法删除，IE9/Firefox/Chrome/Safari/Opera中却可以。

虽然有以上两点不同，但当用in运算时，都返回true。

alert('a1' in window);//true
alert('a2' in window);//true
alert('a3' in window);//true
用with打开对象window闭包时，所有浏览器也表现一致，如下

with(window){
if(a1){
alert(a1);//11
}
if(a2){
alert(a2);//22
}
if(a3){
alert(a3);//33
}
}

内容总结

以上是互联网集市为您收集整理的探讨JavaScript中声明全局变量三种方式的异同_javascript技巧全部内容，希望文章能够帮你解决探讨JavaScript中声明全局变量三种方式的异同_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端