JS之原型的基本使用

js中的原型毫无疑问一个难点，对于这个难点我们都应该先熟练的使用，然后自己整理一套属于自己的理解说辞，才不会忘记。

原型（对象属性）

1.原型是function对象的一个属性，它定义了构函数制造出的对象的公共祖先，通过该构造函数的对象，可以继承该原型的属性和方法，原型也是对象 使用构造函数创建对象： 例

Person.prototype.name = "小明"; function Person() { } var person = new Person(); var person1 = new Person(); console.log(person);//Person {} console.log(person.name);//"小明"; //原型是构造函数制造出的对象的公共祖先

2.自己属性上有属性，和原型上也有，则继承自己的属性 原型上的属性和方法也可以增删改查

应用

利用原型的特点和概念，可以提取公有属性 例：

function Studnet(grade, teacher) { this.teacher = teacher;//与下面相比，每一次执行总是要执行一次；代码冗余 this.grade = grade; this.name = "小"; this.height = 180; this.weight = 70; } var student = new Studnet("666班", "李");

利用原型

Studnet.prototype.grade = "666班"; Studnet.prototype.teacher = "李";//给原型赋值，只执行了一遍 function Studnet(name, height, weight) { this.name = name; this.height = height; this.weight = weight; } var student = new Studnet("赵", "180", "70"); var student1 = new Studnet("王", "175", "60");

对象如何查看原型（proto）

例:

Studnet.prototype.name = "赵"; function Studnet() { // var this ={ // __proto__:Student.prototype //}; } var student = new Studnet(); console.log(student.name)//赵

查找student.name 先会在自己的属性里面找，如果没有，就通过隐式的this里面proto指向里面找，也就是原型上有没有这个属性。并且，原型可以被修改为指向其他的。 例：

Studnet.prototype.name = "赵"; function Studnet() { } var student = new Studnet(); Studnet.prototype.name = "张";//改的是属性，“人”还是没有变 console.log(student.name);//张

但是，有一种情况会发生改变。 例：

Studnet.prototype.name = "赵"; function Studnet() { } var student = new Studnet(); Studnet.prototype={//新的，直接换“人”了 //student.prototype = {name:赵}; //__proto__:Student.prototype //student.prototype = {name:张}; name : "张" } console.log(student.name);//赵