无法在JavaScript类中调用函数

Question

我在写一个THREE.js图形程序，并且想用Javascript创建一个BodyPart类，但是我不能调用这些方法。下面的代码打印“调用测试”，但不是“调用测试”。我试过把功能测试外部BodyPart并将其与原型相关联，但也会发生同样的问题。这段代码有什么问题？

 function BodyPart (name){   
      this.name = name; 
      this.test = function(){ 
      alert('called test'); 
      }     
      this.geometry = new THREE.BoxGeometry(1, 1, 1); 
      this.material = new THREE.MeshNormalMaterial({ color: 0x00ff00 });    
      return new THREE.Mesh(this.geometry, this.material); 
      } 


     var backFoot = new BodyPart("Back foot"); 
     alert('calling test');   

     backFoot.test(); 

Answer 1

你的问题是，你从你的函数返回THREE.mesh：

return new THREE.Mesh(this.geometry, this.material); 

这样做是为了网格而不是一个属性：

this.mesh= new THREE.Mesh(this.geometry, this.material); 

Answer 2

这是因为你返回THREE.Mesh从函数中，并将其保存到backFoot。因此，你的有效尝试做：

new THREE.Mesh(this.geometry, this.material).test(); 

当你调用test这样的：

backFoot.text(); 

这是无效的，因为THREE.Mesh不具备的功能test。不要从函数返回，设置，作为一个属性：

function BodyPart(name) { 
 
    this.name = name; 
 
    this.test = function() { 
 
    alert('called test'); 
 
    } 
 
    this.geometry = new THREE.BoxGeometry(1, 1, 1); 
 
    this.material = new THREE.MeshNormalMaterial({ 
 
    color: 0x00ff00 
 
    }); 
 
    this.mesh = new THREE.Mesh(this.geometry, this.material); //Now, as a property instead of returning. 
 
} 
 

 
var backFoot = new BodyPart("Back foot"); 
 
alert("calling test"); 
 
backFoot.test(); 
 
//Access the mesh with backFoot.mesh

<script src="//cdnjs.cloudflare.com/ajax/libs/three.js/r70/three.min.js"></script>