js bind函数 相等（JS的bind方法探析）

JS的bind方法探析 我们都知道JavaScript是一门面向对象语言，而函数也是一个对象。函数有一个call()和apply()方法，用于改变函数的this指向。但是，这是一个繁琐且容易出错的过程。有一个更好的选择——bind()方法。 什么是bind()方法？ bind()方法，是函数原型中的一个方法，它会创建一个新函数，称为绑定函数，绑定函数会把它内部的this指向参数的值。可以用来实现函数里的this指向问题。 如何使用bind()方法？ 语法：function.bind(this, p1, p2, ……) 它的第一个参数表示这个函数调用时，this的指向。后面的所有参数都是未来绑定函数的预设参数。 例如，我们在一个变量中声明了一个匿名函数，它会返回传入参数的值： var a = function(x) { return x; } 现在我们通过bind()方法，将a函数绑定到一个新的变量b，并给b指定了值5，这样，每次当我们执行b函数时，它都会返回5： var b = a.bind(null, 5); console.log(b()); // 输出：5 bind()方法的等价实现 在bind()方法出现之前，如何实现函数的this绑定呢？其实，我们可以借助函数闭包来实现。 以一个很简单的例子来说，我们想要实现一个函数输出一个数，并且在输出前，先输出一个提示字符串，如何实现呢？ function showNumber() { console.log(\"number:\", this.number); } var obj = {number: 42}; showNumber(); // 输出：number: undefined 在这个例子里，showNumber()函数输出undefined，因为this指向未定义。 现在，我们借助闭包技巧，来实现this的绑定。 function attach(obj, func) { return function() { return func.apply(obj, arguments); }; } 我们定义了一个attach函数，它接受两个参数：一个this的指向对象obj和一个需要绑定this指向的函数func。函数attach()返回一个新的闭包函数，它的this指向obj，并带有扩展的arguments参数。 现在，我们借助attach()函数来绑定showNumber()函数的this对象： var newShowNumber = attach(obj, showNumber); newShowNumber(); // 输出：number: 42 我们成功地将showNumber()函数的this对象绑定到了obj上。 还有一个等价实现方式，就是用ES5的Function.prototype.bind()以获得同样的结果。 Function.prototype.bind = function(context) { var self = this; return function() { return self.apply(context, arguments); }; } 我们定义了一个Function.prototype.bind()方法，它接受一个上下文参数。在返回的新函数里，通过self变量引用了原函数，并通过apply方法将原函数的this指向了上下文对象。 总结 bind()方法可以方便地解决函数中this指向问题。除bind()之外，我们还可以使用闭包技巧或Function.prototype.bind()实现函数this指向的绑定。无论使用哪种方式，最终目的都是为了实现更加灵活的函数调用方式。