问题控制台登录ember js

我想问一问为什么当你在ember上打印出来时它会给你一个字符串？但如果你输入它，它会给你一个功能吗？

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

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

console.log(typeof sample); // function

有人可以解释一下吗？除了他们难以掌握的文档。即使使用ember检查员，也很难在ember上进行调试。是否有任何工具或方法来正确调试ember。

10661

2017-10-16 19:45

起源

答案:

在Ember调试方面，您可能已经读过： http://emberjs.com/guides/understanding-ember/debugging/

有一些很棒的功能，你可以在开发过程中打开什么，以获取更多信息，以及在幕后发生的事情。

您可以在app.js中插入：

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);
});

你可以停止你的代码 如果你写 debugger 在你的代码中。我经常使用它来弄清楚那里发生了什么。

就你的问题而言，如果你扩展一个Ember类，它基本上创建一个新函数，但表现为扩展类的子类。你可以检查一下那里发生了什么： https://github.com/emberjs/ember.js/blob/v1.7.0/packages/ember-runtime/lib/system/core_object.js#L536-L556

当你运行你的Ember应用程序时，你的应用程序将被包裹在一个容器，所以如果你需要访问属性或变量，你必须使用它 - 假设你的应用程序名称是'App'：

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

需要一段时间才能了解如何调试您的余烬应用程序，但值得学习并投入更多时间，因为以后会非常方便。

如果您有任何疑问，请不要犹豫，我们可以解决。

关于调试器;

它就像一个断点，你可以停止代码。必须在Chrome中打开“Inspect element”/“Developer Tool”。这里的小例子： http://jsbin.com/cugetoxoyira/45

源代码： http://jsbin.com/cugetoxoyira/45/edit 在第18行，有一个 debugger; ，因此您可以在控制台中检查控制器或模型参数中的内容。你只需输入 controller 在Chrome的Developer Tool中的控制台中。

2017-10-16 20:46

我明白了，谢谢。因此有更多选项可供调试。如果你不介意的话，你能详细介绍一下这些细节吗？我在这里可以看到 github.com/emberjs/ember.js/blob/v1.7.0/packages/ember-runtime/... 它返回一个对象，这就是为什么我们可以访问它的一些属性，但为什么输入它打印一个函数？我不太清楚。把 debuggger 代码？这有点像断点吗？要么？是的，真正需要时间才能完全理解井，我正在投入时间和精力。希望它会付出（担心） - olanchuy

那是因为ember覆盖了该对象的toString方法。 var fun = function () {}; /* fun - 'function', typeof fun - 'function' */ fun.toString = function() { return 'any string'; } /* fun - 'any string', typeof fun - 'function'*/ - Microfed

我用调试器扩展了我的答案;你可以在jsbin.com看到一个小例子...... JSBin是一个很好的网站，可以学习和玩片段...所以如果你想解决一些简单的问题，但不是真的有效，你可以分享我们也是。 - Zoltan

嗨，谢谢你的解释和提示。这很棒。现在我终于可以看到里面发生了什么。 :)干杯！ - olanchuy

附：与此主题无关，您是否在ember上有序列图或流程？（也许我应该为此创建一个新主题？不是吗？）。喜欢先叫什么？然后，等等..如果你没有一些图表可能有一些伪代码和解释？：）再次感谢！ - olanchuy

答案: