if (typeof window !== 'undefined') 的目的是什么

Question

打电话的目的是什么

if (typeof window !== 'undefined') 

我在JSPM plugin-css 和其他一些库中看到了它。

Answer 1

检查脚本是否在网络浏览器内的网页中运行是一种惯用的检查。

人们可能会认为 JavaScript 仅在网页中运行，因为这正是它最初的设计目的，但事实并非如此：JavaScript 是一种通用语言，也可用于在 Node.js 中编写服务器端代码或 IIS 的 Active Server Pages（从 1996 年开始！），或在 "web workers" 内部，它们是在后台运行的网页脚本。

在网页中，有几个内在对象，例如 window，其他环境（例如 Node.js）不会有 window，但可能有其他对象，例如 console（好吧，现在是 console现在大多数浏览器中都存在，但最初并不存在）。

例如，在不同的上下文中，脚本的全局范围内有不同的对象可用（此列表并不详尽）：

• 在所有 JavaScript 上下文中，都有一组标准对象可用，例如：
  • Math 和 Date
  • Object、Number、Function、String等（表示内置类型的对象）等
• In a web-page's script（在 <script> 标签内）：
  • Window（接口）暴露为window全局对象，这也是是全局范围的对象（因此在全局范围内声明var foo实际上会创建一个属性window.foo!)
  • 所以document 全局对象实际上是在访问window.document 属性。
• In a Node.js server-side script:
  • 由于 Node.js 不是带有 DOM 的网络浏览器，因此没有 window 全局对象，也没有像 document 或 navigator 这样的属性，但您确实可以获得其他全局对象，例如：
  • console
  • process
  • exports
• In a web-page's Web Worker script:
  • 在 Web Worker 中也没有 window 对象，因此全局范围是 WindowOrWorkerGlobalScope 对象，它通过以下属性公开对象：
  • caches
  • indexedDB
  • origin
• 在使用 JScript（而不是 VBScript）的 IIS 活动服务器页面中：
  • response（用于写入响应流）
  • request（用于读取传入的 HTTP 请求）
  • Application 和 Session（用于在请求之间持久化数据）
• 在 Microsoft Windows 的 Shell 脚本宿主中
  • WScript 全局对象公开脚本宿主的功能。

Answer 2

这可用于检测代码是在典型的浏览器环境（例如具有浏览器 DOM 的环境）还是在其他一些 JS 环境中运行，因为 window 对象存在于典型的浏览器 JS 中，但不存在在诸如 node.js 甚至浏览器中的 webWorker 之类的东西中。

如果window对象不存在，那么

typeof window === 'undefined'

所以你问的代码：

if (typeof window !== 'undefined') 

如果window 对象确实作为顶级变量存在，则将执行if 块。

在您链接的特定代码中，如果插件碰巧在非浏览器环境中使用，则要避免执行引用 DOM 对象（如 document）的面向浏览器的代码。