即使没有调用明确的打印方法（如document.write），为什么打印函数的返回值？

Question

我刚刚在几天前开始使用JavaScript，并且正在用各种方式来打印函数的返回值。

<script> 
function produceMessage(){ 
    var msg= 'This should print'; 
    return msg; 
} 

</script> 

<span id="mySpan"></span> 

这两行代码都会调用方法write或createTextNode来打印消息。

document.body.appendChild(document.createTextNode(produceMessage())); 
document.write(produceMessage()); 

但是这行不会调用这样的方法，但返回值仍在打印。

document.getElementById('mySpan').innerHTML=produceMessage(); 

我的直觉告诉我，才能有返回值显示在屏幕上，你需要调用某种方法将允许它打印出来，就像这个例子：

document.getElementById('mySpan').innerHTML=document.write(produceMessage()); 

但是这是不正确的，并导致未定义的输出。

Answer 1

将元素的innerHTML设置为字符串会导致将该元素的HTML更改为该字符串。所以，

document.getElementById('mySpan').innerHTML=produceMessage(); 

• 呼叫produceMessage()
• 设置元素的innerHTML id为mySpan导致

你的函数produceMessage返回一个字符串，使元素的innerHTML设置为This should print。

你的下一个语句，

document.getElementById('mySpan').innerHTML=document.write(produceMessage()); 

• 呼叫produceMessage()
• 呼叫document.write()与结果，追加This should print到文档
• 设置元素的innerHTML ID为mySpan到的返回值document.write

document.write返回undefined，因此该元素的innerHTML设置为undefined的字符串表示形式。