Javascript: Как ссылаться на владельца объекта владельца внутри объекта параметров, подобного этому?

Question

Я написал виджет JQuery UI, как это:

$.widget("ns.wid", { 
    options: { 
     attr1: "something1", 
     attr2: { 
      "sub_attr": this.__renderList, 
      "css": { 
       "opacity": '0.58' 
       }, 
     }, 
    }, 

    __renderList: function() { 
     console.log("I should be invoked through attr2.sub_attr!"); 
    } 
}); 

Теперь это не работает, так как this внутри attr2 не ссылается на экземпляр виджета, вместо этого он ссылается на Window. Как я могу ссылаться на экземпляр виджета, не называя его напрямую? Благодарю.

Answer 1

В застройщик вашего объекта связать функцию с контекстом LKE это: this._renderList = this._renderList.bind (это)

Или просто: "Sub_att": this._renderList.bind (это)

Answer 2

Я не уверен, что не простые объекты будут работать правильно с виджетами jQuery. вы можете попробовать это.

var widgetData = (new class { 
 
    get options() { 
 
     return { 
 
      attr1: "something1", 
 
      attr2: { 
 
      "sub_attr": this.__renderList, 
 
      "css": { 
 
       "opacity": '0.58' 
 
       }, 
 
      }, 
 
     }; 
 
    } 
 

 
    __renderList() { 
 
     console.log("I should be invoked through attr2.sub_attr!"); 
 
    } 
 
}); 
 

 
widgetData.options.attr2.sub_attr();