首页新闻找找看学习计划

关于javascript原型的一个小问题

0
[已解决问题] 解决于 2017-10-27 14:41

如题,创建一个People构造函数

function People(name,weight){
            this.name = name;
            this.weight = weight;
            this.speak = function(){
                return 'I am '+this.name+",and my weight is "+this.weight;
            }
        }
        /*
        */
        People.prototype.height = 203;
        People.prototype.run = function(){
            return "I am running";
        }
        //或者这么写(第二种)
        /*
        People.prototype = {
            weight:70,
            height:175,
            run:function(){
                return "I am running"; 
            }
        };
        */
        var james = new People("James",113);
        console.log(james.run());//I am running
        console.log(james.constructor.prototype.constructor);//People()
        console.log(james.constructor.prototype.height);//203
        //console.log(james.constructor.prototype.height);//undefined

当用第二种方式给原型添加属性时,实例化james对象后,没法访问构造器函数上的原型属性,为undefined。但是用第一种方式书写,就可以访问,得到203。

请问各位,这是一个什么原因呀,是写法不对嘛,写法不对的话,用第二种方式写的时候,还是可以访问其run方法的呀,还是其它什么问题?求指教,谢谢!

痞子Geeking的主页 痞子Geeking | 初学一级 | 园豆:9
提问于:2017-10-25 17:53
< >
分享
最佳答案
1

第一种方式,你设置的是People原型的属性,所以console.log(james.constructor.prototype.height),这里james.constructor指向的是People对象,原因是默认情况下,constructor:People

而第二种方式,你是新定义了People的原型对象,原型对象的constructor方法已经丢失了,这时james.constructor指向的是function Object()(新定义对象的constructor:Object),所以james.constructor.prototype指向的是Object(),所以james.constructor.prototype.height就是undefined(因为确实没有定义),而直接james.height直接调用的是james原型对象的属性,所以是没有问题的。

 

以上是我的理解,希望能帮到你

奖励园豆:5
H.U.C-王子 | 菜鸟二级 |园豆:223 | 2017-10-25 19:07

是呀,我知道直接jame.height是可以获取到原型上的属性的。

现在的问题是我用

People.prototype.height = 203;
People.prototype.run = function(){
    return "I am running";
}

然后就能获取到构造函数原型上的属性

console.log(james.constructor.prototype.height);//203

但是我用这种方式给原型添加属性

People.prototype = {
            weight:70,
            height:175,
            run:function(){
                return "I am running"; 
            }
        };

再获取console.log(james.constructor.prototype.height);就获取不到了,得到的是undefined。

这是为什么呀?

痞子Geeking | 园豆:9 (初学一级) | 2017-10-25 22:05

@痞子Geeking: 

第一种方式,你设置的是People原型的属性,所以console.log(james.constructor.prototype.height),这里james.constructor指向的是People对象,原因是默认情况下,constructor:People

而第二种方式,你是新定义了People的原型对象,原型对象的constructor方法已经丢失了,这时james.constructor指向的是function Object()(新定义对象的constructor:Object),所以james.constructor.prototype指向的是Object(),所以james.constructor.prototype.height就是undefined(因为确实没有定义),而直接james.height直接调用的是james原型对象的属性,所以是没有问题的。

 

以上是我的理解,希望能帮到你

H.U.C-王子 | 园豆:223 (菜鸟二级) | 2017-10-26 10:19

@H.U.C-王子: 感谢老铁!

constructor,prototype,__proto__这几个属性确实绕得有点头晕。

痞子Geeking | 园豆:9 (初学一级) | 2017-10-26 18:15
其他回答(1)
1
People.prototype = {
  constructor: People,
  weight:70,
  height:175,
  run:function(){
      return "I am running"; 
  }
};
by.Genesis | 园豆:1521 (小虾三级) | 2017-10-26 10:17

谢谢!

支持(0) 反对(0) 痞子Geeking | 园豆:9 (初学一级) | 2017-10-26 18:15
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册