如何在JavaScript中找到实例对象的初始创建者？_Javascript_Oop

如何在JavaScript中找到实例对象的初始创建者？

javascript oop

如何在JavaScript中找到实例对象的初始创建者？,javascript,oop,Javascript,Oop,假设我有以下代码： var Foo = (function () { //constructor var Foo = function (callbackFunction) { this.callbackFunction = callbackFunction; }; //method Foo.prototype = { run: function () { if (typeof(this.call

假设我有以下代码：

var Foo = (function () {

    //constructor
    var Foo = function (callbackFunction) {
        this.callbackFunction = callbackFunction;
    };

    //method
    Foo.prototype = {
        run: function () {
            if (typeof(this.callbackFunction) === 'function') {
                this.callbackFunction.call(???); //??? should be the object that created this Foo instance.
            }
        }   
    };
    return Foo;
})();

var Bar = (function () {

    //constructor
    var Bar = function (v1, v2) {
        this.v1 = v1;
        this.v2 = v2;
    };

    Bar.prototype.callback = function() {
        //'this' should be the instance of Bar
        console.log('value of v1 is ' + this.v1 + ' value of v2 is ' + this.v2);
    }

    Bar.prototype.callFoo = function() {
        this.foo = new Foo(this.callback);
        this.foo.run();
    }

    return Bar;
})();

var bar1 = new Bar('apple', 'orange');
bar1.callFoo();
var bar2 = new Bar('grape', 'banana');
bar2.callFoo();

这保存在foo.js中

我还有以下代码：

var Foo = (function () {

    //constructor
    var Foo = function (callbackFunction) {
        this.callbackFunction = callbackFunction;
    };

    //method
    Foo.prototype = {
        run: function () {
            if (typeof(this.callbackFunction) === 'function') {
                this.callbackFunction.call(???); //??? should be the object that created this Foo instance.
            }
        }   
    };
    return Foo;
})();

var Bar = (function () {

    //constructor
    var Bar = function (v1, v2) {
        this.v1 = v1;
        this.v2 = v2;
    };

    Bar.prototype.callback = function() {
        //'this' should be the instance of Bar
        console.log('value of v1 is ' + this.v1 + ' value of v2 is ' + this.v2);
    }

    Bar.prototype.callFoo = function() {
        this.foo = new Foo(this.callback);
        this.foo.run();
    }

    return Bar;
})();

var bar1 = new Bar('apple', 'orange');
bar1.callFoo();
var bar2 = new Bar('grape', 'banana');
bar2.callFoo();

同样，它保存在bar.js中

在Foo内部，我有一行代码：this.callbackFunction.call（？？？）

因此，为了实现这一点，我必须将创建Foo实例的对象传递给call函数，但是如何传递呢？

我建议使用

函数.bind（）

方法

Mozilla开发者网络：

bind（）方法创建一个新函数，该函数在调用时具有此关键字设置为提供的值，并具有给定的调用新函数时，将在任何函数前面提供参数

可能很难找到将Bar传递到Foo.callbackFunction的方法，但如果Bar传入

this.callbackFunction.bind（this）

，那么Foo可以只调用

this.callbackFunction（）

，而不传递参数（或使用

调用

）

还有一些JavaScript库允许您在旧浏览器中执行此操作，因为

bind（）

是一项相对较新的功能。例如，在Dojo中，它被称为

hitch（）

我的建议是使用

函数.bind（）

方法