前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >全局变量的三种声明方法

全局变量的三种声明方法

作者头像
meteoric
发布2018-11-15 14:34:43
1K0
发布2018-11-15 14:34:43
举报
文章被收录于专栏:游戏杂谈

全局变量有如下三种声明方法(这里以举声明FWK这个变量为例):

1、使用var直接声明  var FWK;

2、使用window.FWK = ….;

3、隐式声明全局变量(定义FWK前不加var) FWK

它们的区别在哪里呢?更提倡何种写法?

使用var 定义的变量,将被提前预解析,如下的代码:

代码语言:javascript
复制
<script type="text/javascript">
alert(FWK);

FWK	= 'ddd';
</script> 
代码语言:javascript
复制
<script type="text/javascript">
alert(FWK);

window.FWK	= 'ddd';
</script> 
代码语言:javascript
复制
<script type="text/javascript">
alert(FWK);

var FWK	= 'ddd';
</script>
代码语言:javascript
复制
其它的二种声明方法,将会被告知FWK未定义(FWK is not defined)
代码语言:javascript
复制
代码语言:javascript
复制
看看这三种声明的方式,是否能被for in出来:
代码语言:javascript
复制
<script type="text/javascript">
window.FWK = 'ddd';

for (var i in window) {
	if (i === 'FWK') {
		alert(i + '---' + window[i]);
	}	
}
</script>
代码语言:javascript
复制
<script type="text/javascript">
FWK	= 'ddd';

for (var i in window) {
	if (i === 'FWK') {
		alert(i + '---' + window[i]);
	}	
}
</script>
代码语言:javascript
复制
<script type="text/javascript">
var FWK	= 'ddd';

for (var i in window) {
	if (i === 'FWK') {
		alert(i + '---' + window[i]);
	}	
}
</script>

除了window.FWK的方式能被for in 出来,其它二种均不行。

再看看它们是否能被delete:

代码语言:javascript
复制
<script type="text/javascript">
var FWK	= 'ddd';

alert(	delete FWK	);

alert(FWK);
</script>

显示false ddd,说明var 声明的变量无法使用delete

代码语言:javascript
复制
<script type="text/javascript">
FWK	= 'ddd';

alert(	delete FWK	);

alert(FWK);
</script>

显示true FWK未定义,说明隐式声明的全局变量可以被delete,与global对象的parseInt、escape、parseFloat等等类似,可直接被delete。

代码语言:javascript
复制
<script type="text/javascript">
alert(parseInt);
alert(delete parseInt);
alert(parseInt);
</script>
代码语言:javascript
复制
<script type="text/javascript">
window.FWK	= 'ddd';

alert(	delete FWK	);
alert(FWK);
</script>

IE下会提示

image
image

,其它浏览器Chrome、FireFox可以被删除,表现上与隐式声明的变量一致。

但IE下为何会提示对象不支持此操作呢?

根据《Javascript编程精髓和编程实践》中的说明,IE的Javascript引擎来自ActiveScript系统,而window对象来自浏览器的DOM系统,所以在IE中window.x使用delete类似于下面的操作:

代码语言:javascript
复制
<script type="text/javascript">
var div = document.createElement("div");

div.x = 'ddd';

alert(delete div.x);
</script>

当然是不可以了,而其它浏览器它们的Javascript引擎不像IE这么复杂,所以并不会出现此问题。

既然提到了delete操作符,那就再深入一点 :)

使用eval直接声明的var变量可以被delete

代码语言:javascript
复制
<script type="text/javascript">
eval('var FWK = "abc";');

alert(FWK);

alert(delete FWK);

alert(FWK);
</script>

其中eval本身就属于Global对象,但对于eval代码中的函数内通过var声明的变量却不能被delete。如下:

代码语言:javascript
复制
<script type="text/javascript">
var k = eval("(function() { var FWK = 42; alert(delete FWK); return FWK; })();")

alert(k);
</script>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2010-09-23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档