Question

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

我称之为观点：

var loader = new LoadingView();

附加到该视图的函数会创建一个新对象'spinner'

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的本地范围内的变量，并未作为属性附加到this上下文尝试访问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);     
    },

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

2 个答案: