原型与原型链是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 Student ( name , age ){
this.name = name;
this.age = age;
}
Student.prototype = {
sayHello:function(){
console.log("hello");
}
};
var p = new Student("Mike",20);
//
2019-3-3 补充
构造函数、对象实例、对象原型的知识点很久没有复习了。简单说,通过构造函数可以创建新的对象。构造函数和原型对象可以通过属性互相访问。在ES6中,已经使用类(Class)来创建实例对象,使用构造函数创建对象基本不使用了。所以,需要学会新知识。JS面向对象的思维逐渐发展。已有的构造函数创建对象的方法要记住,知道内部的思想。