javascript - 如何在嵌套函数中保留 'this' 上下文

Question

我需要在内部函数oninit 中访问我的对象原型(prototype)函数。下面的代码确实有效，但我需要的是在 init 函数中具有与 self 相同的上下文，这样我就可以调用原型(prototype)函数，例如 this.loadData。

请帮忙。

define([
    'require',
    'lodash-compat',
    'BaseWidget'
],
function (require, _, BaseWidget) {

    var Widget = function (options) {
        this.set('url', '/some/endpoint/url');  
        var self = this;


        _.assign(options, {
            oninit: function () {
                self.loadData.call(this);
            },
            oncomplete: function () {
                //do something here
            }
        });
        self.ractive = new BaseWidget(options);
    };

    Widget.prototype = {
        loadData: function () {
            var url = this.get('url');
            // my async request
        }
    };

    return {
        initRactiveWidget: function (options) {
            return new Widget(options);
        }
    };

});

Answer 1

尝试将 this 直接绑定(bind)到该函数。更多关于此https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

oninit: function () {
    this.loadData();
}.bind(this)