在JavaScript的OOP世界里面,返回的不仅仅是一个对象,还可以是一个方法。
这是什么意思呢?
将方法当作一个对象返回,你执行这个对象,就可以达到预期规则的效果。
这样解释比较难理解,看下面这个例子吧:
//*************闭包uniqueID*************
uniqueID = (function(){ //这个函数的调用对象保存值
var id = 0; //这是私有恒久的那个值
//外层函数返回一个有权访问恒久值的嵌套的函数
//那就是我们保存在变量uniqueID里的嵌套函数.
return function(){return id++;}; //返回,自加.
})(); //在定义后调用外层函数,如果不定义,则会将return后面的内容当作字符串输出。而不是一个函数。
document.writeln(uniqueID()); //0
document.writeln(uniqueID()); //1
document.writeln(uniqueID()); //2
document.writeln(uniqueID()); //3
document.writeln(uniqueID()); //4
//*************闭包阶乘*************
var a = (function(n){
if(n<1){ alert("invalid arguments"); return 0; }
if(n==1){ return 1; }
else{ return n * arguments.callee(n-1); }
})(4);
document.writeln(a);
你会发现,上面的代码中,function的用法和平时的用法不一样。
在JavaScript中,function既是声明方法的关键字:
function helloworld(){
alert("helloworld");
}
也是声明一个对象的构造函数的关键字:
function User(id,name){
this.id = id ;
this.name = name;
}
而使用JavaScript的闭包,就是这样一个东西:
var sayHello = (function(){alert("hello");})();
sayHello();
一句话解释,就是一个可执行方法对象。
官方的说法,贴出来,也看一下。
闭包的定义非常晦涩——闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义(或创建)时的值(深连结)。
简单来说,闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量(键值对),而这些键值对是不会随上一级函数的执行完成而销毁。周爱民说得更清楚,闭包就是“属性表”,闭包就是一个数据块,闭包就是一个存放着“Name=Value”的对照表。就这么简单。但是,必须强调,闭包是一个运行期概念。
在Javascript中闭包(Closure),有两个特点:
- 作为一个函数变量的一个引用 - 当函数返回时,其处于激活状态。
- 一个闭包就是当一个函数返回时,一个没有释放资源的栈区。
日常中有这样的例子:
让这三个节点的Onclick事件都能正确的弹出相应的参数。
<ul>
<li id= "a1" >aa</li>
<li id= "a2" >aa</li>
<li id= "a3" >aa</li>
</ul>
<script type= "text/javascript" >
for ( var i=1; i < 4; i++){
var id = document.getElementById( "a" + i);
id.onclick = function (){
alert(i);
}
}
</script>
现在3个事件都是4。如何修改呢?
使用闭包吧。快使用闭包吧!
var lists = document.getElementsByTagName("li");
for(var i=0,l=lists.length; i < l; i++){
lists[i].onclick = (function(i){//保存于外部函函数
return function(){
alert(i);
}
})(i);
}
var lists = document.getElementsByTagName("li");
for(var i=0,l=lists.length; i < l; i++){
lists[i].onclick = new function(){
var t = i;
return function(){
alert(t+1)
}
}
}
2中闭包的实现方式,看个人喜好吧。
在try...catch里面使用闭包:
var lists = document.getElementsByTagName("li");
for(var i=0,l=lists.length; i < l; i++){
try{
throw i;
}catch(i){
lists[i].onclick = function(){
alert(i)
}
}
}
好的,今天到此为止。
|
分享到:
相关推荐
JavaScript闭包 JavaScript闭包 JavaScript闭包 JavaScript闭包
Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将以例子入手来介绍Javascript闭包的语言特性,并结合一点 ...
Javascript 闭包完整解释
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
资源名称:javascript闭包详解 中文word版 内容简介: Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C 的程序员来说是一个新的...
javaScript闭包技术资料
javascript 闭包实例下载
javascript闭包详解 javascript闭包详解 javascript闭包详解
闭包是ECMAScript (JavaScript)最强大的特性之一,但用好闭包的前提是必须理解闭包。闭包的创建相对容易,人们甚至会在不经意间创建闭包,但这些无意创建的闭包却存在潜在的危害,尤其是在比较常见的浏览器环境下...
javascript闭包高级教程,闭包内部实现机制的完美展现,值得研究,比较难。
详解JavaScript闭包问题 闭包是纯函数式编程语言的传统特性之一。通过将闭包视为核心语言构件的组成部分,JavaScript语言展示了其与函数式编程语言的紧密联系。由于能够简化复杂的操作,闭包在主流JavaScript库...
JavaScript闭包与活动.pdf
javaScript闭包技术资料。javaScript闭包技术资料。
使用XMLHTTPRequest实现自定义ajax。javascript闭包模式写法。值的学习
JavaScript闭包深入理解.pdf
介绍了javascript闭包的高级使用方法实例,有需要的朋友可以参考一下
主要介绍了JavaScript闭包,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
对于初学者来说,理解Javascript闭包(closure)还是比较困难的,而撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目,让初学者理解起来更加容易一些。
浅谈JavaScript for循环 闭包_.docx
JavaScript闭包(closure).pdf