JavaScript之prototype和constructor

博客介绍了JavaScript中每次创建函数,都会添加prototype属性指向原型对象,原型对象包含可由特定类型实例共享的内容。还举例说明特定类型对象及其实例共享的属性和方法,同时指出通过属性判断对象类型和继承关系并不保险。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

每次创建一个函数,js都会为其添加一个prototype属性,prototype指向该函数的原型对象,原型对象包含可以由特定类型的所有实例共享propertyfunction。而prototype有一个constructor属性,constructor属性指向prototype的拥有者

例如

function Person(name) {
  this.name = name;
}
Person.prototype.getName = function() {
  return this.name
}
Person.prototype.parents = ['father', 'mother']
let person1 = new Person('Jack');
let person2 = new Person('Tim');
console.log(person1.getName());  // Jack
console.log(person2.getName());  // Iim
console.log(person1.getName === person2.getName);  // true
console.log(Person.prototype);  // Person { getName: [Function], parents: [ 'father', 'mother' ] }
console.log(Person.prototype.constructor);  // [Function: Person]

上一段代码中Person就是一个特定类型的对象,而person1,person2都是Person的实例,Person有两个propertynameparents,有1个functiongetName。这两个实例共享的propertyparents,共享的方法:getNamePersonprototype指向Person的原型对象,Person的原型对象包含的propertyparents,包含的functiongetNamePersonprototype有一个constructor属性,costructor属性指向Person这个函数。而constructor是一个可修改的属性

function Person(name) {
    this.name = name;
}
Person.prototype.getName = function() {
    return this.name
};

function Teacher(name) {
    this.name = name;
}
function SpecialPerson() {

}
Teacher.prototype = new Person();
Teacher.prototype.constructor = SpecialPerson;
let teacher1 = new Teacher('Mr.Li');
console.log(Teacher.prototype.constructor);  // [Function: SpecialPerson]
console.log(teacher1.constructor);  // [Function: SpecialPerson]
console.log(teacher1 instanceof Teacher)  // true
console.log(teacher1 instanceof Person);  // true
console.log(teacher1 instanceof SpecialPerson);  // false

因此通过constructor属性来判断对象的类型和继承关系是不保险的

JavaScriptprototypeconstructorJavaScript中的两个概念,用于实现对象的继承构造。 prototype(原型)是JavaScript中每个对象都有的一个属性,它指向该对象的原型(即父对象)。每个函数都有一个prototype属性,它是一个指向该函数的原型对象的指针。通过修改prototype,可以给该函数的实例对象添加新的属性方法。这样,函数的实例对象就可以共享这些属性方法,从而实现了对象的继承。 constructor(构造函数)是一个指向创建该对象的函数的指针。每个对象都有一个constructor属性,它指向该对象的构造函数。通过Constructor属性,我们可以追踪一个对象是由哪个构造函数创建的,以便在需要时通过构造函数进行实例化。 通过prototypeconstructor的结合使用,可以在JavaScript中实现对象的继承构造。具体的步骤如下: 1. 创建一个构造函数,并定义其原型对象中的属性方法。 2. 使用new关键字实例化一个对象。 3. 通过对象的constructor属性,可以确定对象是由哪个构造函数创建的。 4. 进一步修改构造函数的原型对象,可以为所有实例对象添加新的属性方法。 JavaScript中的原型继承构造函数是基于原型链的概念。通过在对象之间共享属性方法,可以实现更高效的内存使用代码复用。prototypeconstructor提供了一种灵活而强大的方式来创建继承对象,它们是JavaScript中非常重要的概念。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值