重写prototype，构造器更改的原理剖析

最新推荐文章于 2024-02-09 07:45:00 发布

置顶

小猴子的梦工厂

最新推荐文章于 2024-02-09 07:45:00 发布

阅读量472

点赞数

本文链接：https://blog.csdn.net/dengxu512/article/details/45695613

版权

本文探讨了在JavaScript中如何通过对象字面量重写prototype对象，导致constructor属性不再指向原构造函数的问题。文章详细解释了原型链的工作原理，并通过实例展示了属性查找过程，最后通过代码验证了constructor属性的变化。

摘要由CSDN通过智能技术生成

最近看《JavaScript高级程序设计(第三版)》第六章面向对象的程序设计时，对其中的一段话，始终理解不了，在仔细读了几遍以及代码实验之后终于彻底搞清楚了，问题如下：

用一个包含所有属性和方法的对象字面量来重写整个原型对象，如下面的例子所示：
function Person(){};
Person.prototype={
	name:"Nicholas",
	age:29,
	job:"Software Engineer",
	sayName:function(){
		alert(this.name);
	}
};
在上面的代码中，我们将Person.prototype设置为等于一个以对象字面量形式创建的新对象。最终结果相同，但有一个例外:constructor属性不再指向Person了。前面曾经介绍过，每创建一个函数，就会同时创建他的prototype对象，这个对象也会自动获得constructor属性。而我们在这里使用的语法，本质上完全重写了默认的prototype对象，因此constructor属性也就变成了新对象的constructor属性（指向Object函数），不再指向Person函数。

以上是书中原话，一直想不明白到底是如何转变的。现把我想通的思路整理如下：

首先将重写Person.propotype的字面量形式改写如下：