首页 > 技术文章 > 技术文章精译 >

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

更新时间:2019-01-03 | 阅读量(981)

> 翻译:叩丁狼高级讲师—梁开权翻译:叩丁狼高级讲师—梁开权 ###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对象的闭包设计,敬请期待
叩丁狼学员采访 叩丁狼学员采访
叩丁狼头条 叩丁狼头条
叩丁狼在线课程 叩丁狼在线课程