Konsole Logging auf Ember js

Question

Ich möchte nur fragen, warum ist es, dass, wenn Sie auf der Konsole auf Glut drucken es gibt Ihnen eine Zeichenfolge? aber wenn Sie darauf tippen, gibt es Ihnen eine Funktion?

ex. sample = Ember.Route.extend(); 

console.log(sample); // prints (subclass of Ember.Route) 

console.log(typeof sample); // function 

Kann jemand bitte dies erklären? Abgesehen von ihrer Dokumentation, die schwer zu verstehen ist. Es ist sehr schwierig Ember zu debuggen, sogar mit Ember Inspector. Gibt es ein Werkzeug oder eine Möglichkeit, Ember richtig zu debuggen?

Answer 1

In Bezug auf die Ember Debuggen Sie wahrscheinlich schon gelesen: http://emberjs.com/guides/understanding-ember/debugging/

Es gibt ein paar große Eigenschaft ist, was Sie während der Entwicklung einschalten kann, um weitere Informationen zu erhalten, was unter der Haube passiert.

Sie können in Ihrem app.js einfügen:

var App = Ember.Application.extend({ 
    LOG_TRANSITIONS_INTERNAL: true, 
    LOG_ACTIVE_GENERATION:  true, 
    LOG_VIEW_LOOKUPS:   true, 
    LOG_RESOLVER:    true, 
}); 

Ember.run.backburner.DEBUG   = true; 
Ember.ENV.RAISE_ON_DEPRECATION  = true; 
Ember.LOG_STACKTRACE_ON_DEPRECATION = true; 
Ember.LOG_BINDINGS     = true; 
Ember.RSVP.on('error', function(error) { 
    Ember.Logger.assert(false, error); 
}); 

Sie Ihren Code stoppen wenn Sie debugger in Ihrem Code schreiben. Ich benutze es oft, um herauszufinden, was dort passiert.

In Bezug auf Ihre Frage, wenn Sie eine Ember-Klasse erweitern, erstellen Sie im Grunde eine neue Funktion, aber verhalten sich wie eine Unterklasse der erweiterten Klasse. Sie können überprüfen, was dort passiert: https://github.com/emberjs/ember.js/blob/v1.7.0/packages/ember-runtime/lib/system/core_object.js#L536-L556

Wenn Sie Ihre Ember App, App werde in einem Behälter verpackt werden ausgeführt, so dass, wenn Sie den Zugriff auf Eigenschaften oder Variablen benötigen, müssen Sie dies nutzen - davon ausgehen, Ihre App-Namen ist ‚App‘:

App.__container__.lookup("controller:application").get("currentRouteName") 
App.__container__.lookup("controller:application").get("currentPath") 
App.__container__.lookup("controller:application").get("model") 

es ist eine Weile dauern, zu verstehen, wie Sie Ihre ember App debuggen können, aber es lohnt sich zu lernen und in es, mehr Zeit zu investieren, weil ganz später nützlich sein wird.

Wenn Sie irgendeine Frage haben, zögern Sie nicht, zu kommentieren, und wir können es lösen.

Über Debugger;

Es ist wie ein Haltepunkt, Sie können den Code stoppen. "Inspect Element"/"Developer Tool" muss in Chrome geöffnet sein. Kleines Beispiel hier: http://jsbin.com/cugetoxoyira/45

Quellcode: http://jsbin.com/cugetoxoyira/45/edit In Zeile 18 gibt es ein debugger;, so dass Sie in der Konsole überprüfen können, was in der Steuerung oder in Modell params. Sie müssen nur controller in Ihrer Konsole im Developer Tool von Chrome eingeben.

Answer 2

Verwenden Sie einfach {{log "This is logged" foo "And so is this"}}

Referenz: http://handlebarsjs.com/builtin_helpers.html