【JS原型对象】

本文详细解析了JavaScript中构造函数、原型对象及实例之间的关系,包括构造函数如何实例化对象、原型对象的作用以及实例对象如何访问原型上的属性和方法。

继承

构造函数,原型对象,实例的关系:

1,构造函数实例:封装的函数,如果通过new操作符来调用的,就是构造函数,如果没有通过new操作符来调用的,就是普通函数

var person1 = new Person('Mike',10); // 此时的person1 称为person的一个实例,而person就是构造函数

2,函数Person(对象)有个属性prototype(指针)指向原型对象。 Person.prototype(原型对象,实质也是对象),他有个属性constructor(指针) ,又指向 Person函数对象

console.log(Person === Person.prototype.constructor); // true

3,实例对象person1有个属性[prototype](内部属性,chrome和firefix,Safari,中这个属性叫_proto_)指向原型对象。实例对象可以通过这个属性访问原型对象上的属性和方法(Perons.prototype._proto_ == person1._proto_)。

举例:

function Person(name, age) {
    this.name = name;
    this.age = age;
}
// 在原型对象中添加属性或者方法
Person.prototype.sex = '男'; 
var person1 = new Person('Mike',10); 
var person2 = new Person('Alice',20);
//只给person2设置性别
person2.sex = '女';
console.log(person1.sex)  // '男'
console.log(person2.sex)  //'女' 

解释:这里我们没有给person1实例设置sex属性,但是因为[Protoptype]的存在,会访问原型对象中对应的属性;同时我们给person2设置sex属性后输出的是’女’,说明只有当实例本身不存在对应的属性或方法时,才会去找原型对象上的对应属性或方法

4,可以通过实例对象(person1)的constructor(person1.constructor)访问构造函数,但是constructor本质上是原型对象的属性。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值