尽可能限制JS变量作用域是局部的

尽量限制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>

尽可能限制JS变量作用域是局部的

相关推荐