javascript函数绑定到什么对象（它的“this”是什么）？

Question

我知道函数内部是this。

var func = function {
    return this.f === arguments.callee; 
    // => true, if bound to some object
    // => false, if is bound to null, because this.f === undefined
}

var f = func; // not bound to anything;

var obj = {};
obj1.f = func; // bound to obj1 if called as obj1.f(), but not bound if called as func()

var bound = f.bind(obj2) // bound to obj2 if called as obj2.f() or as bound()

编辑：

您实际上不能调用obj2.f()，因为f 不会成为obj2 的属性

编辑结束。

问题是：如何在这个函数之外找到函数绑定的对象？

我想实现这个：

function g(f) {
  if (typeof(f) !== 'function') throw 'error: f should be function';

  if (f.boundto() === obj)
    // this code will run if g(obj1.f) was called
    doSomething(f);

  // ....

  if (f.boundto() === obj2)
    // this code will run if g(obj2.f) or g(bound) was called
    doSomethingElse(f);
}

在不改变函数绑定对象的情况下部分应用：

function partial(f) {
   return f.bind(f.boundto(), arguments.slice(1));
}

共识：

你做不到。外卖：使用bind和this要非常小心:)

Answer 1

部分申请

你可以做部分应用：

// This lets us call the slice method as a function
// on an array-like object.
var slice = Function.prototype.call.bind(Array.prototype.slice);

function partial(f/*, ...args */) {

    if (typeof f != 'function')
        throw new TypeError('Function expected');

    var args = slice(arguments, 1);

    return function(/* ...moreArgs */) {
        return f.apply(this, args.concat(slice(arguments)));
    };

}

---

这个函数绑定到什么对象？

此外，您的问题的第一部分有一个非常直接的解决方案。不确定这是否适合您，但您可以很容易地在 JS 中进行猴子补丁。猴子补丁bind是完全可以的。

var _bind = Function.prototype.apply.bind(Function.prototype.bind);
Object.defineProperty(Function.prototype, 'bind', {
    value: function(obj) {
        var boundFunction = _bind(this, arguments);
        boundFunction.boundObject = obj;
        return boundFunction;
    }
});

在任何其他脚本运行之前运行它，任何使用bind的脚本，它都会自动将boundObject属性添加到函数中：

function f() { }
var o = { };
var g = f.bind(o);
g.boundObject === o; // true

（注意：我假设您在上面的 ES5 环境中，因为您使用的是bind。）

Answer 2

javascript 中的函数在技术上并不绑定到任何东西。它可以声明为对象的属性，如下所示：

var obj = {
    fn: function() {}
}
obj.fn();

但是，如果您将函数本身放入它自己的变量中，则它不会绑定到任何特定对象。

例如，如果您这样做：

var obj = {
    fn: function() {}
}
var func = obj.fn;
func();

然后，当你调用func()，它又执行fn() 函数时，它在调用时将与obj 完全没有关联。将对象与函数关联是由函数的调用者完成的。它不是函数的属性。

如果要使用fn.bind(obj)，则会创建一个新函数，该函数只是在内部执行对obj.fn() 的调用。它不会神奇地为 javascript 添加任何新功能。实际上，您可以查看 .bind() 的 polyfill 以了解它是如何工作的 here on MDN。

---

如果您期望 this 无论如何调用函数都始终是一个特定对象，那么 javascript 就不是这样工作的。除非函数实际上是一个 shim，它在被调用时强制与硬线对象关联（.bind() 所做的），否则函数没有硬线关联。关联是由调用者根据调用函数的方式完成的。这与其他一些语言不同。例如，在 C++ 中，如果没有正确的对象在调用时与之关联，就无法调用函数。该语言根本无法解析函数调用，并且会出现编译错误。

如果您在 javascript 中对类型进行分支，那么您可能没有正确使用该语言的面向对象功能或没有充分发挥您的优势。

Answer 3

与其将函数func 绑定到对象，为什么不尝试将func 视为一个对象，它可以将obj1 和obj2 作为其属性？

例如：

var func = function {
    this.object; // Could be obj1 or obj2
    return this.f === arguments.callee;
    // => true, if this.object is not null
}

var f = func;

f.object = obj1; // or func.object = obj2;

你也可以写一个函数来处理对象是obj1还是obj2：

function g(f) {
  if (typeof(f) !== 'function') throw 'error: f should be function';

  if (f.object === obj)
    // this code will run if g(f) was called
    doSomething(f);
  if (f.object === obj2)
    // this code will run if g(f) or g(bound) was called
    doSomethingElse(f);
}

原因是您想将 obj1 和 obj2 视为函数 f 的属性。但是，当您绑定时，您会将函数添加为 obj1 或 obj2 的属性。可以将函数绑定到多个对象，因此寻找绑定函数的一个对象是没有意义的；因为您将函数添加为对象的子集。

在这种情况下，由于您希望将对象视为函数的子集，因此在函数中添加一个可以保存 obj1 或 obj2 的属性可能是有意义的。

Answer 4

如果您是执行绑定的人，您可以在函数中添加一个字段来记录 this 以供以后测试。

var that = "hello";
var xyz = function () { console.log(this); }.bind(that);
xyz.that = that;

// xyz is callable as in xyz(), plus you can test xyz.that without calling