javascript的原型、原型链

什么是原型?

1.每一个javascript对象(除null外)创建的时候,就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型中“继承”属性。 

2.如下示例:

Ⅰ. prototype

每个函数都有一个prototype属性,被称为显示原型

Ⅱ._ _proto_ _

  • 每个实例对象都会有_ _proto_ _属性,其被称为隐式原型

  • 每一个实例对象的隐式原型_ _proto_ _属性指向自身构造函数的显式原型prototype

  • 显示原型(prototype):每一个函数在创建之后,便会拥有一个prototype属性,这个属性指向函数的原型对象。显示原型的作用是用来实现基于原型的继承与属性的共享

 Ⅲ. constructor

  • 每个prototype原型都有一个constructor属性,指向它关联的构造函数本身

Ⅳ. 原型链

  • 原型链指得是一个实例使用一个方法或者属性的时候,如果自己有就用自己的,如果没有就从__proto__里找,没有就再从__proto__找,直到找到object,Object.prototype对象也有__proto__属性值为null。 

让我们用一张图表示构造函数和实例原型之间的关系:

 

 

 

​//构造函数
let Person = function(name,age){
    this.name = name;
    this.age = age
}
//所有实例共享的方法
Person.prototype.say = function(sth){
    console.log(sth)
}
//创建构造函数的实例对象
let xiaoming = new Person('xiaoming',12);
console.log(xiaoming.name) //'xiaoming'
console.log(xiaoming.age) //12
xiaoming.say('我是xiaoming') //'我是xiaoming'
console.log(xiaoming) // Person {name: "xiaoming", age: 12}

原型链
xiaoming.__proto__ === Person.prototype; //true
Person.prototype.__proto__ === Object.prototype //true

普通函数是Function这个构造函数的一个实例。
Function.prototype === Function.__proto__

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值