JS中的原型与原型链图解

原型

每一个构造器（函数）上面都有一个属性叫prototype，称为原型。它的值是一个对象，这个对象我们称为原型对象。

隐式原型

每一个对象上都有一个属性叫_ _ proto_ _ 称为隐式原型。它指向了创建这个对象的构造器的原型对象。

原型链

是一个对象属性的查找机制，如arr.toString（），先在自己的私有属性中找，如果找不到就沿着_ _ proto _ _ 去原型对象中找，如果还是找不到，继续沿着_ _ proto _ _ 去它的原型对象中的原型对象中找，直到找到Object的原型对象（Object原型对象中的_ _ proto _ _ 指向了null），如果还是找不到，结果就是undefined

例子

function Fn(){
    this.x = 100;
    this.y = 200;
    this.getX = function(){
        console.log(this.x)
    }         
}
Fn.prototype.getX = function(){
    console.log(this.x)
}
Fn.prototype.getY = function(){  
    console.log(this.y)
}
let f1 = new Fn;
console.log(f1.getX());
console.log(f1.getY());        

通过图解可以很容易得出结果
console.log(f1.getX())输出结果为100
console.log(f1.getY())输出结果为200

本文地址：https://blog.csdn.net/TH_Kakashi/article/details/107575160