使用Deno Fresh时，判断document为何出现‘document is not defined’错误？

这是因为Deno Fresh的服务端渲染机制导致的：

• Deno Fresh 是服务端渲染（SSR）框架，包括Island组件在内的所有组件，都会先在服务端的Deno运行环境中执行一遍渲染逻辑。
• 服务端环境没有浏览器特有的document、window这类DOM全局对象，直接写if (document)时，相当于引用了一个未声明的变量，直接触发ReferenceError。
• 而if (undefined)不会报错，是因为undefined是JavaScript的全局关键字，在服务端环境中是合法存在的变量，只是值为undefined，判断逻辑仅返回false，不会触发引用错误。

解决方法 #

要安全判断浏览器环境，应该使用typeof操作符检查变量是否存在，避免直接引用未定义的全局对象：

if (typeof document !== 'undefined') {
  // 在此编写仅在浏览器环境执行的逻辑
}

内容的提问来源于stack exchange，提问作者Ooker