咨询：浏览器控制台中navigator对象与Navigator函数的区别

嘿，这个问题问得挺棒的——很多开发者天天用navigator，却很少留意背后的Navigator构造函数，毕竟日常开发里几乎碰不到直接用它的场景。我来给你掰扯清楚两者的关系：

1. navigator：你天天打交道的全局实例 #

这是每个浏览器窗口、标签页，甚至Web Worker这类独立执行上下文里自带的全局对象，它是Navigator构造函数的实例。

你平时写的这些代码，都是在调用这个实例的属性和方法：

// 获取浏览器UA标识
console.log(navigator.userAgent);
// 调用地理定位API
navigator.geolocation.getCurrentPosition(pos => console.log(pos));

它的核心作用就是让你获取当前运行环境的浏览器、系统、设备相关数据，以及调用浏览器提供的各类能力接口。

2. Navigator：生成实例的构造函数蓝图 #

这个是创建navigator这类对象的构造函数，相当于JS里的“类”——navigator就是这个“类”实例化出来的具体对象。

不过和普通JS构造函数不同，你几乎不需要手动调用new Navigator()来创建新实例：

• 浏览器会自动为每个上下文生成对应的navigator实例，完全够用；
• 多数浏览器会限制直接调用这个构造函数，比如在Chrome里执行new Navigator()会直接抛出TypeError: Illegal constructor，这是浏览器的安全和上下文限制导致的。

验证两者关系的小技巧 #

你可以在浏览器控制台里输入这段代码，就能直观看到它们的实例关系：

console.log(navigator instanceof Navigator); // 输出 true

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