document.body的计算结果为null

是因为在JavaScript中，document是浏览器提供的一个全局对象，它代表当前网页的文档对象模型（DOM）。而body是document对象的一个属性，用于表示网页的主体内容。

当浏览器解析HTML文档时，会逐步构建DOM树，包括HTML标签、元素、属性等。在解析过程中，浏览器会将文档的结构转化为一个树状结构，其中body标签表示网页的主体内容。

然而，在JavaScript代码执行到document.body时，有可能出现以下情况导致计算结果为null：

1. JavaScript代码在body标签之前执行：如果JavaScript代码在body标签之前执行，此时document对象还没有完全构建完成，因此访问document.body会返回null。
2. 文档没有body标签：如果HTML文档中没有body标签，或者body标签被错误地删除或修改，那么访问document.body也会返回null。

为了确保在JavaScript中能够正确访问到document.body，可以采取以下措施：

1. 将JavaScript代码放置在body标签之后：将JavaScript代码放置在body标签之后，可以确保在执行代码时document对象已经完全构建完成，从而能够正确访问到document.body。
2. 使用DOMContentLoaded事件：可以通过监听DOMContentLoaded事件，在文档加载完成后再执行JavaScript代码，确保document对象已经完全构建完成。示例代码如下：

document.addEventListener('DOMContentLoaded', function() {
  // 在这里编写需要操作document.body的代码
});

总结起来，document.body的计算结果为null可能是由于JavaScript代码执行时机不当或者文档结构错误导致的。在编写代码时，应该注意代码的执行时机，确保在访问document.body时document对象已经完全构建完成。