什么是javascript全局对象_浏览器与Node环境有何不同?

3次阅读

javaScript全局对象浏览器中为window,在node.js中为global,差异源于宿主环境不同;ES2020引入globalthis实现跨环境统一访问。

什么是javascript全局对象_浏览器与Node环境有何不同?

javascript 全局对象是所有全局变量和函数的宿主,但它在浏览器和 Node.js 环境中并不相同——根本原因在于它们运行在不同的宿主环境中,各自暴露的 API 和默认绑定的对象不同。

浏览器中的全局对象是 window

在浏览器里,全局对象就是 window。你在全局作用域声明的 var 变量、函数,或直接挂载的属性,都会成为 window 的属性:

  • var a = 1;window.a === 1严格模式下用 let/const 声明的不会挂载)
  • console.log === window.console.log
  • this 在全局脚本中指向 window

此外,浏览器还提供大量以 window 为起点的 Web API,比如 documentlocationfetchsetTimeout 等,它们都是 window 的属性或方法。

node.js 中的全局对象是 global

Node.js 没有 dom,也不需要窗口概念,它的全局对象叫 global

立即学习Java免费学习笔记(深入)”;

什么是javascript全局对象_浏览器与Node环境有何不同?

文心智能体平台

百度推出的基于文心大模型的Agent智能体平台,已上架2000+AI智能体

什么是javascript全局对象_浏览器与Node环境有何不同? 393

查看详情 什么是javascript全局对象_浏览器与Node环境有何不同?

  • global.setTimeout === setTimeout
  • global.Bufferglobal.processglobal.__dirname 都是 Node 特有的全局属性
  • this 在模块顶层不指向 global(而是当前模块的 module.exports),这是和浏览器的重要区别

注意:Node 里用 var 声明的变量也不会自动挂到 global 上——模块系统天然隔离了顶层作用域

共同点与兼容性处理

有些属性是两者都有的,比如 ArrayjsonmathisNaN,它们属于 JavaScript 语言规范本身,不是宿主环境提供的。

  • 想写跨环境代码?避免直接依赖 windowglobal,可用 typeof window !== 'undefined' 判断环境
  • 现代写法推荐用 this 动态获取全局对象:const globalThis = this || global || window;(ES2020 已标准化为 globalThis
  • Node 12+ 和主流浏览器均已支持 globalThis,它是真正统一的全局对象引用

常见误区提醒

很多人以为 console 是 JavaScript 本身的,其实它由宿主环境提供;console.log 在浏览器调用的是开发者工具 API,在 Node 调用的是 stdout 输出流——行为相似但实现完全不同。

  • eval 在两个环境都存在,但安全性策略不同(浏览器受 CSP 限制,Node 默认可执行)
  • require 是 Node 模块系统注入的,浏览器原生不支持(需打包工具模拟)
  • documentlocalStorage 等仅浏览器有,process__filename 仅 Node 有

基本上就这些。理解差异的关键不在记名字,而在明白:JavaScript 引擎只是执行代码,真正决定“全局有什么”的,是它跑在哪套运行时上。

以上就是什么是

text=ZqhQzanResources