原型与原型链是JS中一个难点,也是其他语言不具有的特点之一。
1. 原型链作用:利用修改原型链的结构(增删改节点中的成员),使得实例对象可以使用整条原型链中的所有成员。
2. 对象的原型链:凡是对象都有原型;原型也是对象。原型总可以找到下面的原型,构成一个对象的序列,就称该结构为原型链。
3. 原型链结构:凡是使用构造函数创建出来的对象,并且没有利用赋值的方式修改原型,该对象保留默认的原型链。
默认对象的原型链:当前对象-->构造函数.prototype-->Object.prototype--->null
用一张图片说明原型
上图中,蓝色的框分别表示实例对象、构造函数、原型对象,黄色框表示对象具有的属性和方法。
1.通过构造函数可以创建实例对象(new Object)
2.构造函数具有prototype属性,构造函数.prototype可以访问到原型对象。
3.原型对象具有constructor构造器,可以指向构造函数。
~~~2与3说明构造函数和原型对象在创建的时候可以互相访问~~~
4.实例对象不能直接访问原型对象。实例对象可以访问原型对象中的constructor属性,进一步访问构造函数,通过structure.prototype访问原型对象。
处于同一层的构造函数-实例对象-原型对象遵循上述关系图,不同层次级别的原型都是对象,凡是对象都具有原型,原型总可以找到下一层的原型,从而形成原型链。对于Object.prototype属于顶层,下一层就是null。
function ( name , age ){ this.name = name; this.age = age; } Student.prototype = { sayHello:function(){ console.log("hello"); } }; var p = new Student("Mike",20);
/* 代码分析: 1.预解析:声明构造函数Student,同时创建原型对象Student.prototype。 2.执行7行代码:重新覆盖原型对象,原来的默认原型对象不再被指向。 3.创建对象,new Student,将对象的应用交给构造函数的this。 4.在构造函数内部,利用对象的动态特性给刚创建的对象提供属性name与age。*/
内容不完善之处,敬请各位技术大牛批评指正。