本文翻译:梁开权
javascript的"闭包"是这样定义的:
闭包就是能够读取其他函数内部变量的函数。在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。
从面向对象的角度来理解"闭包"
在面向对象中,我们是这样定义类:
public class User {
private String name;
public void work() {
System.out.println("name="+name)
}
}
在javascript中,有一种情况是,一个函数中包含了另外一个内部函数:
function User() {
var name = "";
function work(){
console.log("name="+name);
}
}
我们把User称为外部函数,把work称为内部函数。
这里的外部函数User相当于一个类。
外部函数变量name相当于类的私有字段。
内部函数work相当于类的方法。
就像我们需要先实例化类的对象,然后才能通过该对象去调用对象的实例方法一样,在javascript中,当我们在外部函数之外调用内部函数的时候,我们把此时的内部函数叫做"闭包",相当于面向对象的实例方法。
接下来,从"如何调用内部函数"这个角度,来循序渐进地体会何谓"闭包"。
调用内部函数的几种方式
方式1:在外部函数之内调用内部函数:
function User() {
console.log('外部函数执行了');
function work() {
console.log('内部函数执行了');
}
work();
}
User();
结果:
外部函数执行了
内部函数执行了
以上情况,内部函数的作用域是在外部函数之内,当在外部函数之内调用内部函数,自然不会报错。
方式2:在外部函数中把内部函数赋值给一个全局的变量,由该全局变量去调用内部函数
var tmp; //全局变量
function User() {
console.log('外部函数执行了');
function work() {
console.log('内部函数执行了');
}
tmp = work;
}
User();
tmp();
以上情况也能正常调用,全局变量tmp相当于面向对象的委托,当把内部函数赋值给全局变量,调用委托方法就会调用内部函数。
方式3:在外部函数中直接把内部函数作为外部函数的返回值
function User() {
console.log('外部函数执行了');
function work() {
console.log('内部函数执行了');
}
return work;
}
var fn = User();
fn();
以上情况也能正常调用,我们可以看到,内部函数不仅可以赋值给全局变量,还可以赋值给局部变量。
关于"闭包"更多讨论我们还会在后期的文章中阐述,最后我们会讨论到jQuery对象的闭包设计,敬请期待
想获取更多技术视频,请前往叩丁狼官网:http://www.wolfcode.cn/openClassWeb_listDetail.html
网友评论