当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS中的原型与原型链图解

JS中的原型与原型链图解

2020年07月26日  | 移动技术网IT编程  | 我要评论

原型

每一个构造器（函数）上面都有一个属性叫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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网