JavaScript继承之原型链-优快云博客

本文链接：https://blog.youkuaiyun.com/zccst/article/details/84523620

本文详细探讨了JavaScript中通过原型链实现继承的方法及其存在的问题。分析了子类如何继承父类的属性和方法，并指出当父类的属性为引用类型时，所有子类实例将共享同一属性值的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>继承1</title>
</head>

<body>
<script type="text/javascript">
/**
* 继承的过程：
* 1，先找子类构造函数自有属性和方法。没有colors
* 2，再找子类的原型prototype。【此时是父类对象】
* 3，先找父类构造函数自有属性和方法。有了colors
* 4，再找父类的原型prototype。
*/
function SuperType(){
this.colors = ["red","blue","green"];
}

function SubType(){
}

SubType.prototype = new SuperType();

var s1 = new SubType();
s1.colors.push("black");
alert(s1.colors);

var s2 = new SubType();
alert(s2.colors);
/**
* 原型链的问题一：包含引用类型值的原型
* 分析：
* SuperType构造函数定义了一个colors属性（数组，是引用类型）
* SuperType的每个实例都各自包含自己数组的colors属性。
* 当SubType通过原型链继承了SuperType之后，SubType.prototype就变成了SuperType的一个实例，因此他也拥有了一个它自己的colors属性
* 结果是SubType的所有实例都会共享这一个colors属性。
*/

/**
* 原型链的问题二：在创建子类型的实例时，不能向超类的构造函数中传递参数
* 实际上，应该说是没有办法在不影响所有对象实例的情况下，给超类型的构造函数传递参数。
* 结论：实践中很少会单独使用原型链。
*/

</script>

</body>
</html>