首页 > 代码库 > Javascript 原型和原型链
Javascript 原型和原型链
先来了解一下Javascript中的原型：”原型也是一个对象，原型可以用来实现继承。。。“
对于 原型，构造函数，以及实例之间的关系：“每个(构造)函数都有一个原型属性，原型对象都包含一个指向构造函数的指针，每个实例都包含一个指向原型对象的指针。”
举个例子：
1 function Student(name) {2 this.name = name;3 }4 var stu = new Student("xiao ming");
Student 函数有个prototype的属性,它指向Student的原型对象。Student的原型对象 包含一个constructor的属性 和 一个 __proto__ 的属性. constructor属性指向Student 函数, __proto__指向Object的原型(在javascript中所有对象都是继承Object)。Student 函数如图所示：
在代码中我们还创建了一个Student函数的实例 stu, 它会有一个指针__proto__指向Student 原型对象.
注意：stu 中会多一个name 属性，属性是存在于实例中，而不是函数，或者函数的原型中，这点非常容易出错。stu 实例 如下图：
所以，前面例子整个的对象示意图 就是：
原型链：如果把构造函数(A)的实例赋给另一个构造函数(B)的原型，那么函数B, 函数A的实例, 以及函数A之间就会形成一个原型链。B的实例就会继承A的所有属性和方法。
如果此时我们把stu 再赋给其它对象的原型，从图中可以看出，红色线条部分就会形成一个原型链。
用原型链实现继承的例子：
function Person() { this.hasFriends = true; this.friends = ["David"]; } Person.prototype.getHasFriend = function () { alert(this.hasFriends); } function Student() { this.hasGF = false; } Student.prototype = new Person(); Student.prototype.getScore = function () { alert(this.hasGF); } var stu = new Student(); stu.getFriends(); stu.friends.push("Lily"); var newStu = new Student(); alert(newStu.friends);
Javascript 原型和原型链
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。