javascript高级知识点——临时作用域

代码信息来自于http://ejohn.org/apps/learn/。

自执行,临时,函数

(function(){
var count = 0;
})();

这是一个简单的自执行匿名函数。

做一个点击计数

document.addEventListener("click", (function(){
var numClicks = 0;
return function(){
alert( ++numClicks );
};
})(), false);

关键代码是,自执行匿名函数,返回一个函数,点击就触发这个函数,根据闭包作用域链,可以访问自执行匿名函数的变量numClick。

为什么值相同?

for ( var d = 0; d < 3; d++ )
setTimeout(function(){
console.log( d );
//
//
//
}, 200);

在200ms的时候匿名函数运行三次,根据作用域链,它引用d,此时外部for早已循环完毕,d为3。

怎么才能正常输出?

for ( var d = 0; d < 3; d++ ) (function(d){
setTimeout(function(){
console.log( d );
  //0
  //1
//2
}, 200);
})(d);

这里里面的匿名函数引用的d实际是自执行函数的参数,函数执行三次,彼此独立,接收的参数依次为0,1,2。这是自执行函数的典型运用。

在包装库的时候,匿名函数十分有用。

(function(){
var myLib = window.myLib = function(){
// Initialize
}; // ...
})();

开发库时,我们要做到不影响全局命名空间。利用自执行匿名函数可以很好的坐到这一点,使得库内部的变量都是私有的,并可以选择性的对外部变量提供接口。

另一种写法

var myLib = (function(){
function myLib(){
// Initialize
} // ... return myLib;
})();
上一篇:【工具】openwrt安装记录


下一篇:Linux Tomcat部署常用命令