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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (13)

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

> {} + {}
  NaN

我的问题不是为什么({} + {}).toString()"[object Object][object Object]"NaN.toString()"NaN"。

我的问题是,为什么这种情况只发生在客户端?在服务器端{} + {}"[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)
提问于
用户回答回答于

根本原因

差异的根源在于Node.js如何评估这些语句,而不是Chrome开发工具的性能。

Node.js做什么?

.js使用这个模块。

从Node.jsREPL源代码:

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 Developer工具中,它还生成"[object Object][object Object]"正如你所期望的。

铬开发工具是做什么的?

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在带有表达式的对象上。其表述如下:

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

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

为什么Node.js的行为不同

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

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

更新-OP感兴趣的是行为(以及为什么它的行为像ChromeDevTools,不像NodeJS)。

犀牛使用完全不同的JS引擎,而Chrome开发工具和Node.js的REPL都使用V8。

下面是在Rhinoshell中使用Rhino执行JavaScript命令时发生的基本情况。

外壳运行org.mozilla.javascript.tools.shell.main...

反过来,它调用这new IProxy(IProxy.EVAL_INLINE_SCRIPT);例如,如果代码直接通过内联开关-e传递。

这击中了IProxy的run方法。

它调用evalInlineScript(SRC)。这简单地编译了字符串并将其展开。

基本上:

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

在这三种动物中,犀牛的壳是最接近实际情况的壳eval不用包装。犀牛是最接近实际eval()语句,期望它的行为与eval会的。

扫码关注云+社区