js的constructor和prototype

先说下这两者的关系,举例说明,

var a=[1,2,3]    ,那么a的constructor就是Array

constructor是默认指向创建当前对象的构造函数, 

但是这里面有一些坑要注意, 比如你的原型prototype被改了, 实例的constructor就变了 

Cat.prototype = new Animal();

Cat.prototype.constructor = Cat;

任何一个prototype对象都有一个constructor属性,指向它的构造函数。如果没有"Cat.prototype = new Animal();"这一行,Cat.prototype.constructor是指向Cat的;加了这一行以后,Cat.prototype.constructor指向Animal。

我们一般都知道原型是用来继承的,这样改变constructor并不会打断原型继承,那么这样修改有什么作用呢?我个人理解是要统一规范,否则原型和构造器的关系会一塌糊涂,现在人们都注重原型,而忽略构造器,确实构造器的作用是体现不出来的,但是却能体现一个清晰的逻辑。比如我们从Object开始说起,我们假设Object的原型指向一个o,那么我们创建一个实例obj1,那么obj1的构造器是Object,obj的原型是o,然后Array是由Object衍生来的,但是Array的构造器并不是Object,而是一个新的构造器继承了Object的一些属性和方法,这其中肯定改变了一次Array.prototype.constructor = Array,否则Array.prototype.constructor会是对象,那么也就使原型链不那么清晰,下面一副十分详细的原型和constructor的关系

JavaScript ååé¾

所以不要改变constructor,使constructor与prototype互为逆运算,也会使结构更加清晰 ,__proto__是一个对象,包含两个属性值constructor和__proto__,所以在有很复杂的继承时,这些都不能乱

function Person(){}

let p = new Person();

console.log(p.__proto__.constructor); //function Person(){}

console.log(p.__proto__.__proto__); //对象{},拥有很多属性值

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript的prototypeconstructor是JavaScript中的两个概念,用于实现对象的继承和构造。 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、付费专栏及课程。

余额充值