JavaScript中 Window 和 window 的区别你真的懂吗？

一提到window，相信很多小伙伴都会有window是一个全局最大的对象这一个概念，里面会有很多的属性和方法，那么你知道这个全局最大的对象是怎么产生的吗？

---

1.首先，我们先来输出一下，看看这两者到底是什么

 console.log(Window);
 console.log(window);
 console.log('---------------------------------------');
 //验证Window和window的类型
 console.log(Object.prototype.toString.call(Window));
 console.log(Object.prototype.toString.call(window));

 

 由图我们可以理解为：

• Window是一个浏览器自带的构造函数
• window是一个对象

2.验证一下这个结论：

console.log(window.__proto__ === Window.prototype);
console.log(window instanceof Window);

 3.Window不能使用new关键字创建实例，否则会报TypeError错误

 const w = new Window()
 console.log(w);     

 由于Window对象是一个全局对象，它本身就已经存在于当前的执行上下文中了。因此，我们无法使用new关键字来实例化Window对象。如果我们尝试使用new关键字创建Window对象的实例，会抛出一个TypeError异常。

总结：

1.Window对象是表示浏览器窗口的全局对象，它在全局作用域中自动创建并可用，包含了所有当前窗口或标签页的属性和方法，例如location、document、setTimeout等。

2.而Window构造函数则是用来实现Window对象的内部机制的，我们不能直接访问Window构造函数，也无法手动创建一个Window对象实例。

3.在JavaScript中，Window对象是通过Window构造函数创建的。当我们在浏览器中打开一个新窗口或标签页时，浏览器会自动创建一个Window对象，并将它赋值给全局变量window。在代码中，我们可以使用window关键字来引用Window对象的任何属性和方法，例如window.location、window.document等。

4.因此，Window构造函数和Window对象之间是一种内部实现机制的关系，Window构造函数是创建Window对象的背后实现，而Window对象是由浏览器自动创建并赋值给全局变量window的对象。