<!DOCTYPE html>
<html>
<head>
<title>解析原型继承的概念</title>
</head>
<body>
<script type="text/javascript">
// JS中怎样实现继承 -----> 利用原型链的概念
// 构造函数,原型对象,实例对象
/*
构造函数.prototype = 原型对象
原型对象.constructor = 构造函数,
原型对象.isPrototypeOf(实例对象)
*/
// 父类
function Sup(name) {
this.name = name;
}
// 父类的原型对象
Sup.prototype = {
constructor : Sup,
sayName: function() {
alert(this.name);
}
}
// 子类
function Sub(){
}
// 如果我们让原型对象等于另一个类型的实例对象,结果会怎么样? ---> 其实就是实现了继承
Sub.prototype = new Sup('z3');
// 1. 此时原型对象包括一个指向另一个原型的指针
alert(Sub.prototype.constructor); // Sup()
// 2. 相应的另一个原型对象中也包含着指向另一个构造函数的指针
// 子类的原型对象的构造器已经变成了父类的构造器
var p1 = new Sub();
p1.sayName();// z3
</script>
</body>
</html>
<html>
<head>
<title>解析原型继承的概念</title>
</head>
<body>
<script type="text/javascript">
// JS中怎样实现继承 -----> 利用原型链的概念
// 构造函数,原型对象,实例对象
/*
构造函数.prototype = 原型对象
原型对象.constructor = 构造函数,
原型对象.isPrototypeOf(实例对象)
*/
// 父类
function Sup(name) {
this.name = name;
}
// 父类的原型对象
Sup.prototype = {
constructor : Sup,
sayName: function() {
alert(this.name);
}
}
// 子类
function Sub(){
}
// 如果我们让原型对象等于另一个类型的实例对象,结果会怎么样? ---> 其实就是实现了继承
Sub.prototype = new Sup('z3');
// 1. 此时原型对象包括一个指向另一个原型的指针
alert(Sub.prototype.constructor); // Sup()
// 2. 相应的另一个原型对象中也包含着指向另一个构造函数的指针
// 子类的原型对象的构造器已经变成了父类的构造器
var p1 = new Sub();
p1.sayName();// z3
</script>
</body>
</html>