从面向对象角度看javascript的闭包

本文翻译：梁开权

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