首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >为什么{} + {} NaN只在客户端?为什么不是在Node.js?

为什么{} + {} NaN只在客户端?为什么不是在Node.js?
EN

Stack Overflow用户
提问于 2013-06-24 13:18:17
回答 1查看 4.9K关注 0票数 137

[] + []为空字符串,[] + {}"[object Object]"{} + []0。为什么是{} + {} NaN?

代码语言:javascript
复制
> {} + {}
  NaN

我的问题不是为什么({} + {}).toString()"[object Object][object Object]",而NaN.toString()"NaN"this part has an answer here already

我的问题是,为什么这种情况只发生在客户端?在服务器端(Node.js),{} + {}"[object Object][object Object]"

代码语言:javascript
复制
> {} + {}
'[object Object][object Object]'

总结

在客户端:

代码语言:javascript
复制
 [] + []              // Returns ""
 [] + {}              // Returns "[object Object]"
 {} + []              // Returns 0
 {} + {}              // Returns NaN

 NaN.toString()       // Returns "NaN"
 ({} + {}).toString() // Returns "[object Object][object Object]"
 var a = {} + {};     // 'a' will be "[object Object][object Object]"

在Node.js中:

代码语言:javascript
复制
 [] + []   // Returns "" (like on the client)
 [] + {}   // Returns "[object Object]" (like on the client)
 {} + []   // Returns "[object Object]" (not like on the client)
 {} + {}   // Returns "[object Object][object Object]" (not like on the client)
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-24 14:39:05

更新备注:this has been fixed in Chrome 49

非常有趣的问题!让我们开始吧。

根本原因

区别的根源在于Node.js对这些语句的评估方式与Chrome开发工具的不同之处。

Node.js做了什么

为此,Node.js使用repl模块。

从Node.js REPL source code

代码语言:javascript
复制
self.eval(
    '(' + evalCmd + ')',
    self.context,
    'repl',
    function (e, ret) {
        if (e && !isSyntaxError(e))
            return finish(e);
        if (typeof ret === 'function' && /^[\r\n\s]*function/.test(evalCmd) || e) {
            // Now as statement without parens.
            self.eval(evalCmd, self.context, 'repl', finish);
        }
        else {
            finish(null, ret);
        }
    }
);

这就像在Chrome开发者工具中运行({}+{})一样,这也会产生你所期望的"[object Object][object Object]"

chrome开发人员工具的作用

另一方面,Chrome dveloper tools does the following

代码语言:javascript
复制
try {
    if (injectCommandLineAPI && inspectedWindow.console) {
        inspectedWindow.console._commandLineAPI = new CommandLineAPI(this._commandLineAPIImpl, isEvalOnCallFrame ? object : null);
        expression = "with ((window && window.console && window.console._commandLineAPI) || {}) {\n" + expression + "\n}";
    }
    var result = evalFunction.call(object, expression);
    if (objectGroup === "console")
        this._lastResult = result;
    return result;
}
finally {
    if (injectCommandLineAPI && inspectedWindow.console)
        delete inspectedWindow.console._commandLineAPI;
}

所以基本上,它使用表达式对对象执行call。表达式为:

代码语言:javascript
复制
with ((window && window.console && window.console._commandLineAPI) || {}) {
    {}+{};// <-- This is your code
}

因此,正如您所看到的,表达式是直接求值的,没有括号。

为什么Node.js的行为方式不同

Node.js的源代码证明了这一点:

代码语言:javascript
复制
// This catches '{a : 1}' properly.

Node并不总是这样的。这是the actual commit that changed it。Ryan在这一变化上留下了以下评论:“改进REPL命令的求值方式”,并举例说明了其中的区别。

犀牛

Update - OP对Rhino的行为方式很感兴趣(以及为什么它的行为像Chrome devtools而不像nodejs)。

Rhino使用完全不同的JS引擎,不同于Chrome开发人员工具和Node.js的REPL,它们都使用V8。

下面是在Rhino shell中使用Rhino对JavaScript命令求值时发生的基本情况。

org.mozilla.javascript.tools.shell.main.

  • In运行
  • ,它调用this new IProxy(IProxy.EVAL_INLINE_SCRIPT);,例如,如果代码是通过内联开关-e直接传递的。
  • 这会调用IProxy的run方法。
  • 它会调用<代码>C26(<代码>C27)。这只是编译字符串并对其求值。

基本上:

代码语言:javascript
复制
Script script = cx.compileString(scriptText, "<command>", 1, null);
if (script != null) {
    script.exec(cx, getShellScope()); // <- just an eval
}

在这三种外壳中,Rhino的外壳所做的事情最接近实际的eval,没有任何包装。Rhino的语句最接近于实际的eval()语句,您可以期望它的行为与eval完全一样。

票数 133
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17268468

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档