javascript - 如何手动调用Backbone.js View 的方法

我正在为使用Backbone.js的网站编写浏览器扩展。其相关代码如下所示（名称已更改，以保护无辜者）：

var BigContainer = BigContainer || {};
(function($, exports) {
    var Thing = Backbone.View.extend({
    ...

    useful_func: function() {
        // Does something I need to call
    },
    ...
});

(function($, exports) {
    BigContainer.BaseView = Backbone.View.extend({
    ...
    render: function() {
        this.local_thing = new Thing({
            el: '.local_thing'
        });
    }
    ...
});

我还在<script>块中插入一些代码，以监听从扩展程序注入的javascript文件发出的postMessage()调用。我希望能够从那里调用useful_func，但无法弄清楚该怎么做，或者是否应该（如果没有，那么我怎么才能得到相同的结果）。

例如，我尝试了以下参考，所有参考都显示为未定义：


BigContainer.BaseView.$local_thing
BigContainer.BaseView.local_thing
Thing
document.getElementsByClassName('local_thing')[0].useful_func


重要的是，由于我正在为自己不拥有的网站编写扩展程序，因此无法修改该网站的Backbone.js代码以帮助自己。我需要处理其中的内容。

最佳答案

在BigContainer.BaseView = Backbone.View.extend({行中，您正在定义一个名为BaseView的新View类型，但这只是定义。您需要的是代码中视图的实际实例。那将是您执行new BaseView的地方（在本例中为以下内容：）

// Where view is created
(function($, undefined) {
    BigContainer.OtherThing = {
    ...
    create: function(config, params) {
        this.view = new BigContainer.BaseView(...);
    }
    ...
})

找到后，您将执行以下操作：

// Your code, reach into that instance and its subview, and call 'usefulFunc'.
BigContainer.OtherThing.view.local_thing.useful_func();