jQuery options object reference

Question

Когда вы работаете с объектом jQuery options, следует ли мне ссылаться на «глобальный» RespiveMenu каждый раз или создавать «локальную» копию параметра, который мне нужен в каждом модуле?

Посмотрите на код и сообщите мне, что вы считаете лучшим, и почему, или если это вообще имеет значение. То, как я это делаю: если я использую ссылку более одного раза, я делаю «локальную» копию. Если я использую его только один раз, я буду ссылаться на «глобальный».

ResponsiveMenu = { 

    init: function(options, elem) { 
     this.options = $.extend({}, this.options, options); 
     this.elem = $(elem); 

     this.bindEvents(); 

     return this; 
    }, 

    options: { 
     trigger: null, 
     activeClass: 'active', 
     submenuTrigger: $('.sub-toggle') 
    }, 

    bindEvents: function() { 
     var self = this; 

     this.options.trigger.on('click', triggerMain(evt, self)); 
    }, 

    triggerMain: function(evt, self) { 
     evt.preventDefault(); 

     var activeClass = self.options.activeClass; 

     self.elem.toggleClass(activeClass); 
     self.options.trigger.toggleClass(activeClass); //"Global" reference 

    }, 
} 

ИЛИ это:

bindEvents: function() { 
    var self = this, 
     trigger = this.options.trigger; //"Local" copy 

    trigger.on('click', triggerMain(evt, self, trigger)); 
}, 


triggerMain: function(evt, self, trigger) { 
    evt.preventDefault(); 

    var activeClass = self.options.activeClass; 

    self.elem.toggleClass(activeClass); 
    trigger.toggleClass(activeClass); 

}, 

Answer 1

Это выглядит прежде всего как вопрос стиля. Обычно я определяю только переменную, если мне нужно получить одно и то же значение более одного раза. При ссылке на функцию вы также столкнетесь с проблемами области. Например, в данном случае:

var obj = { 
    num: 2, 
    trigger: function() { 
     console.log(this.num); 
    } 
} 

obj.trigger(); 

Он будет регистрировать 2 на консоль, потому что функция связана с obj как сфера. Если вы

var t = obj.trigger; 
t(); 

однако, вы получите undefined, потому что область действия по умолчанию для функции является window объект. В ECMAScript 5 вы можете сказать, что привязать функцию нравится:

var t = obj.trigger.bind(obj); 
t(); 

Что теперь будет войти 2.