javascript - 如何在函数中访问创建的对象

Question

我正在尝试解决以下问题。

我称之为视图：

var loader = new LoadingView();

附加到该视图的函数会创建一个新对象“微调器”

loader.showLoader()

我现在希望接下来我可以调用一个隐藏该对象微调器的函数

loader.hideLoader();

但是，hideLoader 无权访问“微调器”对象。

为什么？

查看代码：

define([
  'jquery',
  'underscore',
  'backbone',
  'spinner',
], function($, _, Backbone, Spinner){

  var LoadingView = Backbone.View.extend({
       el: '#loader',
       // View constructor
        initialize: function() {
             this.opts = {
              zIndex: 2e9, // The z-index (defaults to 2000000000)
              top: '20', // Top position relative to parent in px
              left: 'auto' // Left position relative to parent in px
            };
            _.bindAll(this, 'showLoader', 'hideLoader');
        },


      showLoader: function () {
        var spinner = new Spinner(this.opts).spin(this.el);
    },

     hideLoader: function () {
         var self = this;
         console.log(self)
      this.spinner.stop();
    }

    }); // end loaderview

return LoadingView;
});

Answer 1

您需要将微调器对象设置为以下属性this：

showLoader: function () {
    this.spinner = new Spinner(this.opts);
    this.spinner.spin(this.el); // not sure if you can chain these calls
},

Answer 2

这是因为您已经spinner在本地范围内定义，它只是本地范围内的一个变量，而不是作为您试图访问的属性showLoader附加到上下文，所以尝试将其更改为thishideLoader

 showLoader: function () {
        this.spinner = new Spinner(this.opts).spin(this.el); //assuming spin returns the spinner object itself if not. do the below
        //this.spinner = new Spinner(this.opts);
        //this.spinner.spin(this.el);     
    },