js中闭包来实现bind函数的一段代码的分析

浏览数：54 / 时间：2015年06月09日

今天研究了一下bind函数，发现apply和call还可以有这样的妙用，顺便巩固复习了闭包。

 1 var first_object = { 
 2 num: 42 
 3 }; 
 4 var second_object = { 
 5 num: 24 
 6 }; 
 7 function multiply(mult) { 
 8 return this.num * mult; 
 9 } 
10 Function.prototype.bind = function(obj) { 
11 var method = this, 
12 temp = function() { 
13 return method.apply(obj, arguments); 
14 }; 
15 return temp; 
16 } 
17 var first_multiply = multiply.bind(first_object); 
18 first_multiply(5); // returns 42 * 5 
19 var second_multiply = multiply.bind(second_object); 
20 second_multiply(5); // returns 24 * 5

在以上代码中，实现的最核心其实是

10 Function.prototype.bind = function(obj) { 
11 var method = this, 
12 temp = function() { 
13 return method.apply(obj, arguments); 
14 };

这段代码在Function.prototype上添加了一个名为bind的方法，该方法首先保存当前上下文，然后在闭包中使用这个上下文，闭包是一个函数，实现了可以返回保存的上下文和obj上下文相链接，bind方法返回闭包函数，闭包可使用bind方法的上下文，闭包返回的其实是obj的一个方法，这个方法有点特殊，它可以使用obj内部的变量，也可以接受外部传入的变量，所以这个闭包站在了外部和内部作用域的中间，这一切的形成依赖于闭包依赖于method说保存的那个this上下文，其实在下面的实例中，我们可以发现，这个method就是下面的multiply函数的上下文，因为multiply它是Function类(准确的说应该是funtion.prototype原型）的一个实例对象。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

js中闭包来实现bind函数的一段代码的分析