美文网首页
从面向对象角度看javascript的闭包

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

作者: 叩丁狼教育 | 来源:发表于2019-01-04 11:00 被阅读32次

    本文翻译:梁开权

    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

    相关文章

      网友评论

          本文标题:从面向对象角度看javascript的闭包

          本文链接:https://www.haomeiwen.com/subject/ebrhrqtx.html