构造函数,原型对象,实例的关系:
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本质上是原型对象的属性。
本文详细解析了JavaScript中构造函数、原型对象及实例之间的关系,包括构造函数如何实例化对象、原型对象的作用以及实例对象如何访问原型上的属性和方法。
341

被折叠的 条评论
为什么被折叠?



