最近在自学js,然后一直对原型对象prototype和__proto__不是很理解,然后学习以后记录一下自己的理解
文章目录
提示:以下是本篇文章正文内容,下面案例可供参考
一、prototype和__proto__是什么?
1、在JavaScript中,prototype对象是实现面向对象的一个重要机制。每个函数就是一个对象(Function),函数对象都有一个子对象 prototype对象,类是以函数的形式来定义的。prototype表示该函数指向的原型对象,也表示一个类的成员的集合。
2、而__proto__是对象实例的一个属性,用于访问其构造函数的prototype中的属性和方法,或者说是指向其继承的原型对象。
3、prototype是函数特有的属性(显示原型)
,指向其一个对象(默认指向一个空对象),__proto__是对象特有的属性(隐式原型)
,指向其继承的原型对象(或者说其构造函数的prototype)
在这里插入图片描述
二、代码测试
1.利用构造函数,创建一个对象实例,查看prototype
创建一个构造函数Person函数代码如下(示例):
function Person(options) {
this.name = options.name
this.age = options.age
this.gender = options.gender
this.method = function() {
console.log('hello!')
}
}
console.log(Person.prototype)
2.利用该构造函数创建对象,并查看其__proto__
代码如下(示例):
function Person(options) {
this.name = options.name
this.age = options.age
this.gender = options.gender
this.method = function() {
console.log('hello!')
}
}
console.log(Person.prototype)
let p = new Person({
name: '小明',
age: 18,
gender: '男'
})
console.log('对象p:', p)
console.log('对象p的__proto__:', p.__proto__)
这里的[[Prototype]]和__proto__其实意义相同,都是指向其原型对象,从中继承属性和方法,只是不同的书籍资料中的规范表示和浏览器的实现不同
3.原型链
根据以上总结,原型链便是一层一层的继承
关系形成的,当一个对象需要访问某个方法或属性发现自身没找到时便会去其__proto__
指向的原型对象中去寻找(构造函数指向的的prototype
),而当在这一个原型对象中还是没有时,便会顺着该原型对象的__proto__指向的上一层原型对象中去寻找,这样一层一层形成的链式关系
便是我们所说的原型链
总结
本篇文章时我自学JavaScript的过程中的一些理解,特意记录下来,还有很多需要学习改进的我会继续努力。记录时借鉴了JavaScript权威指南
和各搜索引擎上面的概念和观点。