日期:2014-05-16  浏览次数:20396 次

尽量限制JS变量作用域是局部的
大家(至少是我)习惯这么写js吗? 这样暴露了变量作用域成为整个页面,扩大了变量冲突的可能:
<script language="javascript"> 
var t =1;
alert(t);

var t = 2;
alert(t);

var t;//全局变量
alert(t);
</script>


为限制JS变量作用域在防范内,防止方法中变量与全局变量冲突而导致的影响,改成:
<script language="javascript"> 
(function(){
   var t =1;//局部变量
   alert(t);
})();

(function(){   
  var t = 2;//局部变量
   alert(t);
})();

var t;//全局变量
alert(t);
</script>


另外,还可以传递参数进匿名的function,如下:
<script language="javascript"> 
(function(t){
   alert(t);
})('hello world!');
</script>