使用函数的Javascript字符串连接表现很奇怪

Question

我试图在javascript中使用来连接类似"string"+function(){return "string"}的东西。

例如：

document.write("I don't know "+function(){if(true){return "why does it concat?"}}); 

它打印这样的波纹管（看到它在的jsfiddle运行：http://jsfiddle.net/sadaf2605/3AuLD/）：

I don't know function(){if(true){return "why does it concat?"}} 

我知道我写的东西非常非常愚蠢的，我需要一个函数来完成它，但仍然为什么要打印这样的东西？我很好奇！

Answer 1

如果你问它为什么打印它做了什么，那是因为你的函数被转换为一个字符串（通过它的toString方法），因为你试图连接一个字符串和一个函数对象。当一个函数被转换为一个字符串时，它的源代码被返回（除非它是一个本地函数）。

发生这种情况，根据该语言规范（15.3.4.2）：

Function.prototype.toString（）

功能的实现相关的表示是 返回。该表示具有FunctionDeclaration的语法。 特别注意，在表示字符串中使用和放置空格，行 终止符以及分号是 实现相关。

Answer 2

你需要的是：

document.write("I don't know "+ (function(){if(true){return "why does it concat?"}})()); 
           ^_______            ^_____ 

您没有执行该功能。你可以创建一个即时函数来执行。此外，由于您的操作数中有一个字符串，并且您正在使用+运算符，您的函数表达式也会自动转换为字符串。

当你只使用function(){if(true){return "why does it concat?"}}它只是一个函数引用而不是结果，所以你看到了这样的结果。您需要执行该函数并获取返回值。