浅谈javascript中的constructor属性。

我认为只有对象的__proto__属性才具有constructor属性。对象本身没有constructor属性,然后去

它的__proto__属性中寻找constructor属性。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<! DOCTYPE  html>
< html  lang="en">
< head >
     < meta  charset="UTF-8">
     < title >Title</ title >
</ head >
< body >
 
</ body >
< script >
     //构造方法
     function Shape() {
         this.name='Shape';
         this.getName=function(){
             return this.name;
         }
     }
     function TwoShape() {
         this.name='2D Shape';
     }
     function Triangle(side,height){
         this.name='Triangle';
         this.side=side;
         this.height=height;
         this.getArea=function(){
             return this.side*this.height/2;
         }
     }
     TwoShape.prototype=new Shape();
     Triangle.prototype=new TwoShape();
     var tri=new Triangle(5,10);
     console.log(Shape.prototype===shape.__proto__);
     console.log(tri.__proto__.constructor);  //打印的是Shape构造器
     console.log(tri.constructor);
</ script >
</ html >

  如果说constructor是每个对象的属性的话,这里的tri.constructor就应该打印的是Triangle构造方法,但这里打印的是Shape构造方法。tri对象没有constructor属性,然后去tri.__proto__(Triangle.prototype)对象中寻找,而Triangle.prototype对象又指向TwoShape的实例对象,TwoShape的实例对象(假设为twoShape)中也没有constructor属性,就去twoShape.__proto__对象中寻找,而TwoShape.prototype又指向Shape的实例对象,Shape的实例对象(假设为shape)中也没有constructor属性,就去shape.__proto__对象中寻找,而shape.__proto__.constructor的属性就是Shape构造方法。所以也说明了constructor属性只是对象的__pro__属性(对象.__proto__)中的属性,即构造器.prototype对象中的属性,并不是每个对象中的属性。

上图就是tri对象。

如果有什么错误的地方,希望有大牛能指点一二!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值