JS之原型的基本使用

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);//赵