non può estendere backbone.events in CoffeeScript

Question

sto ottenendo l'errore:

Uncaught TypeError: Cannot read property 'constructor' of undefined 

Quando si dichiara la seguente classe:

class ViewHelpers extends Backbone.Events 

posso utilizzare la stessa sintassi di estendere Backbone.Router , Vista, modello ecc Ecco la javascript compilato, che ho scritto in un registro rapido per assicurarsi che Backbone.Events c'era

__t('views').ViewHelpers = (function(_super) { 

#how i know it is definied here 
console.log(_super.trigger) 

__extends(ViewHelpers, _super); 

function ViewHelpers() { 
    return ViewHelpers.__super__.constructor.apply(this, arguments); 
} 

return ViewHelpers; 

})(Backbone.Events); 

Così la linea che causa l'errore è

ViewHelpers.__super__.constructor.apply(this, arguments); 

Qual è la differenza __extends() metodo che avrebbe funzionato per Backbone.View e non Backbone.Events?

Answer 1

Questo perché Backbone.Events non è una "classe", quindi non può essere esteso, è un "modulo" che può essere inserito in altri oggetti (vedere i documenti here). In termini JavaScript, ciò significa che non è un Function, che può essere chiamato come costruttore (ad esempio, new Backbone.Events genererà un errore), è semplicemente un oggetto JS le cui proprietà (metodi) possono essere assegnate ad altri oggetti per renderli dispatcher di eventi.

In CoffeeScript, potete mescolare-in Backbone.Events nei vostri oggetti quando vengono creati:

class ViewHelpers 
    constructor: -> 
    _.extend @, Backbone.Events 

Oppure si può semplicemente estendere il prototipo di classe ed evitare di avere quei metodi come (proprio) proprietà di tutti ViewHelpers casi:

class ViewHelpers 
    _.extend @prototype, Backbone.Events 

Questi due approcci dovrebbero lavorare e lasciare che si crea un'istanza e utilizzare ViewHelpers come dispatcher di eventi:

vh = new ViewHelpers 
vh.on 'foo', -> alert 'bar' 
vh.trigger 'foo'​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

Answer 2

C'è un altro modo (da quello che @epidemian risposto), che non comporta la copia di Backbone.Events in un nuovo oggetto da utilizzare come prototipo - Al contrario, utilizzare Object.create per creare un nuovo oggetto da utilizzare come prototipo, utilizzando come Backbone.Eventsil suo prototipo.

class ViewHelpers 
    @prototype = Object.create(Backbone.Events) 

Ora ViewHelpers 'prototipo è un nuovo, oggetto vuoto il cui prototipo è Backbone.Events. È possibile definire i metodi sul prototipo ViewHelpers senza interessare Backbone.Events, ma tutti i metodi Backbone.Events sono ancora disponibili per ViewHelpers, senza doverli copiare in un nuovo oggetto. Questo non solo salva (una quantità minuscola di) memoria, ma se hai finito per aggiungere a Backbone.Events in seguito, tutti i ViewHelpers s vedrebbero la modifica.

Per questo, è necessario a browser that has ES5's Object.create function o an Object.create polyfill.

Answer 3

Per sfruttare l'eccellente risposta di @epidemian, aggiungerei questo, è un po 'un trucco ma consente di scrivere la classe con la frase extends come specificato nella domanda (che consente di chiamare super su tutti i Backbone.Events metodi):

class Events 
_.extend Events.prototype, Backbone.Events 

class CustomEvents extends Events 

    trigger: (event, etc...) -> 
     # You can add overrides before 
     super "custom:#{event}", etc... 
     # or after the super class methods 

sarebbe pulito per lavorare la chiamata _.extend nella funzione Events.constructor ma non ho potuto farlo funzionare ...