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

Question

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

我调用一个 View :

var loader = new LoadingView();

附加到该 View 的函数会创建一个新对象“spinner”

loader.showLoader()

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

loader.hideLoader();

但是，hideLoader 无法访问“spinner”对象。

为什么？

查看代码:

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

这是因为你在本地范围内定义了spinner，它只是showLoader本地范围内的一个变量，并没有附加到this context 作为您尝试在 hideLoader 中访问的属性，因此请尝试将其更改为

 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);     
    },