本文首发于 洛竹的博客,暂未同步于任何平台。

bind 是在 ES5 加入的语法,具体如何使用 MDN 都有。但有一点需要额外注意一下:bind 会返回一个新的函数。也就是说:它会修改 this 的指向,并返回新的函数体。

实现思路

  1. 改变 this 指向: 需要使用 applycall
  2. 返回新的函数体: 函数作为值返回

实现

使用闭包保存 this 指针、上下文和参数,并将上下文和参数使用 apply 改变 this 指向。

1
2
3
4
5
6
Function.prototype.bind1 = function(context) {
var that = this
return function() {
that.apply(context, arguments)
}
}

使用方式和原生 bind() 一样:

1
2
3
4
5
var person = { name:"杨俊宁" }
function sayHi(name) {
console.log(this, name)
}
var pSay = sayHi.bind1(person)