为什么{} + {} NaN仅在客户端?为什么不在Node.js中?


136

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

> {} + {}
  NaN

我的问题是,为什么不({} + {}).toString()"[object Object][object Object]"NaN.toString()"NaN"这部分已经在这里回答

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

> {} + {}
'[object Object][object Object]'

总结

在客户端:

 [] + []              // 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中:

 [] + []   // 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)

4
只是浏览器控制台可以做到这一点。尝试登录控制台,它与NodeJS中的相同。jsbin.com/oveyuj/1/edit
elclanrs

2
并不是真正的重复,我要求提供NodeJS答案。投票支持重新打开...
尼卡比曹

4
嗯...抱歉 但是,stackoverflow.com / questions / 9032856 /…仍然有意义,并回答了上半年的问题
John Dvorak

3
不要忘记,{}可以根据上下文将其解释为表达式或对象原语。客户端和服务器上的代码可能相同,但是{}由于输入代码的上下文不同,因此其解释也不同。
Patashu

18
请重新打开,然后一次又一次停止关闭此问题,因为该问题确实不是重复的
艾文·黄

Answers:


132

更新的注释:此问题已在Chrome 49中修复

非常有趣的问题!让我们深入。

根本原因

差异的根源在于Node.js如何评估这些语句与Chrome开发工具如何进行评估。

Node.js的作用

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

从Node.js REPL源代码中

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工具执行以下操作

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使用表达式在对象上执行a 。表达式为:

with ((window && window.console && window.console._commandLineAPI) || {}) {
    {}+{};// <-- This is your code
}

因此,如您所见,表达式是直接求值的,而没有换行括号。

为什么Node.js的行为有所不同

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

// This catches '{a : 1}' properly.

Node并不总是这样。这是改变它的实际提交。Ryan对该更改发表了以下评论:“改进了REPL命令的规避方式”,并举例说明了区别。


犀牛

更新-OP 对Rhino的行为方式(以及为何其行为像Chrome devtools和与nodejs不同的行为)感兴趣。

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

这是在Rhino外壳中使用Rhino评估JavaScript命令时发生的事情的基本流程。

基本上:

Script script = cx.compileString(scriptText, "<command>", 1, null);
if (script != null) {
    script.exec(cx, getShellScope()); // <- just an eval
}

在这三者中,Rhino的外壳是最接近实物的外壳,eval没有任何包裹。Rhino的eval()陈述最接近实际陈述,您可以期望其表现完全相同eval


1
(并不是真正的答案的一部分,但值得一提的是,nodejs在使用REPL时默认使用vm模块进行回避,而不仅仅是JavaScript eval
Benjamin Gruenbaum 2013年

您能解释一下为什么rhino例如在终端机(不仅是Chrome控制台)中做同样的事情吗?
尼卡比曹

5
如果可能的话,+ 10!哇,...您真的没有生命,或者您真的比我更聪明,知道这样的事情。请告诉我,您进行了一些搜索以找到此答案:)
Samuel

7
@Samuel只需要阅读源代码-我发誓!在Chrome中,如果您输入“调试器”,,您将获得整个管道- 只需将上面的一个函数直接将您扔到“ with” evaluateOn。在node中,所有东西都有很好的文档记录-他们有一个专用的REPL模块,所有的历史在git上都很好用,在我自己的程序上使用过REPL之前,我知道在哪里看:)我很高兴您喜欢它并发现了它很有帮助,但是我要归功于我对这些代码库(dev-tools和nodejs)的熟悉,而不是我的智慧。直接找到来源通常总是最容易的。
本杰明·

更新-Chrome中的控制台API已进行了一些更新,因此尽管此处的总体思路是正确的,但是所发布的代码对于最新版本的Chrome而言并不准确。见chromium.googlesource.com/chromium/blink.git/+/master/Source/...
本杰明Gruenbaum
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.