使用Javascript - 从内部功能

Question

这工作设置原型：

function Bird(name){ 
    Animal.call(this,name); 
    this.speak = function(){ 
     console.log("Tweeet!"); 
    } 
} 
Bird.prototype.constructor = Animal; 

这将引发 “无法设置属性未定义的构造函数”“

function Bird(name){ 
    Animal.call(this,name); 
    this.speak = function(){ 
     console.log("Tweeet!"); 
    } 
    this.prototype.constructor = Animal; 
} 

为什么会是这样？在第二个例子中，这应该鸟因为我已经调用的函数与新，所以我应该能够设置这原型。我在这里错过了什么？

Answer 1

Object实例（this）没有prototype属性，所以this.prototype返回undefined。

你有两个选择来解决这个问题：

1. 呼叫Bird.prototype，你在第一个片段那样：

   function Bird(name){ 
       Animal.call(this,name); 
       this.speak = function(){ 
        console.log("Tweeet!"); 
       } 
       Bird.prototype.constructor = Animal; 
   } 
   

2. 使用Object.getPrototypeOf来获取对象的原型的保持：

   function Bird(name){ 
       Animal.call(this,name); 
       this.speak = function(){ 
        console.log("Tweeet!"); 
       } 
       Object.getPrototypeOf(this).constructor = Animal; 
   } 
   

当您不知道对象是什么类型时，选项2更有用。在你的例子中，你在Bird类中，所以选项1更有意义。

---

这里是一个工作示例，希望这将使得这个问题在您的评论更清晰：

// 1. Tell Javascript what an Animal is 
 
// This will create an Object called Animal, but it is a blueprint not an actual Animal. 
 

 
function Animal(name) 
 
{ 
 
    this.name = name; 
 
} 
 

 
// 2. Tell Javascript what a Bird is 
 
// This will create an Object called Bird, but it is a blueprint not an actual Bird. So it cannot speak! 
 

 
// or function Bird(name){ 
 
var Bird = function(name){ 
 
    Animal.call(this,name); 
 
    this.speak = function(){ 
 
     alert("Tweeet! said " + this.name); 
 
    } 
 
    
 
    Object.getPrototypeOf(this).constructor = Animal; 
 
}; 
 

 
// 3. Now create an actual Bird which can speak 
 

 
var tweety = new Bird("Tweety Pie"); 
 
tweety.speak();