js 原型 + 原型链篇

原型

定义：

​ 原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。

// Animal.prototype    --原型
// Animal.prototype = {}    是祖先

Animal.prototype.Type = "mammal";
function Animal() {

}
var dog = new Animal();
var cat = new Animal();

//控制台输出
> dog
< Animal {}   //dog对象本身为空
> dog.Type   //调取了祖先的Type
< "mammal"

//原型是空对象，可以按照空对象来写
Animal.prototype = {
    tyle : "mammal";
    hair : "true";
}

​ 当对象内部有自己的属性时，原型内的同名属性不会被继承。

原型的应用：

​ 利用原型的特点和概念，可以提取共有属性，较少固定属性的重复读取。

constructor(构造器) 属性:

​ 可查看对象的构造函数。

function Animal() {

}
var dog = new Animal();

//控制台输出
> dog.constructor
< function animal(){
    
}

​ constructor 属性是系统添加到原型中的，我们可以通过人为的修改 constructor 属性来修改 产生它的构造函数。

function Person() {};
Animal.prototype = {
    constructor : Person,
};
function Animal() {};
var dog = new Animal();

//控制台输出
> dog.constructor
< function Person(){
    
}

隐式属性 __ proto __

​ 当构建一个新的构造函数时，系统会隐式的在它之中创建一个this对象，并在其中隐式的创建一个属性 __ proto __ 指向它的原型。我们可以通过修改该构造函数中的 __ proto __ 属性来更改它所指向的原型。

Person.prototype.name = 'abc';
function Person(){
    //var this = {
    //     __proto__ : Person.prototype
    // }
    //或者
    //var this = Object.create(test.prototype)
}

var obj = {
    name:"sunny"
}

var person = new Person();
person.__proto__ = obj;

//控制台输出
> person.name
< "sunny"

原型链

小知识：

//a.sayName()
//sayName里面的this指向是，谁调用的这个方法，this就指向谁，a调用了这个方法，this就指向a

//undefined  和   null 没有toString()方法的原因。
//就是因为数字或者其他都可以通过包装类，继承到来自 Object.prototype 中的toString方法或取到自己本身带有的toString方法，但是undefined和null不行。

//在控制台直接书写 123.toString()会报错，因为系统会首先将123后面的点识别为浮点型，而不是点语法，计算属性优先级是最高的。可以先将数字赋值给变量在调用。

Object.create( 原型 )方法

​ 该方法可以用来创建对象。

​ Object.create( ) 括号里可以填俩种东西，一个为Object，一个为null，当值为null时，创建出来的对象是没有原型的也就是下面的特例。

​ 当Object.create ( ) 括号里为空时会报错。

Object.prototype

​ 绝大多数对象最终都会继承自Object.prototype,也是原型链的最顶端是Object.prototype。

​ 特例：

//无原型的对象
var obj = Object.create(null);
//该对象创建后，人为的创建原型，系统不会认可，所以无法继承。如下：
> obj.__proto__ = Object.prototype;
> Object.prototype.name = "wang";
> obj.name;

< undefined

何为方法的重写

Person.prototype = {}
function Person () {}
var person = new Person();

> person.toString()
< "[object Object]"

//重写toString方法，使用同名的方法进行重写
Person.prototype = {
    toString : function (){
        return "hehe";
    }
}
function Person () {}
var person = new Person();

> person.toString()
< "hehe"