javascript - Javascript在构造函数中调用原型函数

Question

当我试图在构造函数中调用原型函数时，我不断收到一个错误消息，说我的函数没有定义，我不知道它有什么问题。

这是我的代码：

function Renderer()
{
    initialiseWebGL();
    initialiseShader();
    initialiseBuffer();
}

Renderer.prototype.initialiseWebGL()
{
    //Do stuff.
};

Renderer.prototype.initialiseShader()
{
        //Do Shader's stuff
};

Renderer.prototype.initialiseBuffer()
{
        //Do Buffers
};

它有什么问题？

Answer 1

你的语法是错误的。用这个：

function Renderer() {
    this.initialiseWebGL();
    this.initialiseShader();
    this.initialiseBuffer();
}

Renderer.prototype.initialiseWebGL = function () {
    //Do stuff.
};

Renderer.prototype.initialiseShader = function () {
        //Do Shader's stuff
};

Renderer.prototype.initialiseBuffer = function () {
        //Do Buffers
};

之后，您可以创建新对象并通过以下方式使用它：

var rendererInstance = new Renderer();

Answer 2

您的代码有一些问题

1.initialiseWebGl() 将寻找在全局范围内声明的函数 -> 没有函数

• 你应该使用this.initialiseWebGl()来访问Objects Method
  注：在这种情况下this指的是InstanceRenderer

2.您没有分配函数，Renderer.prototype.initialiseWebGL()而是尝试调用Renderers 原型方法initialiseWebGl，这会给您一个错误，因为它没有定义

3.因为{它们被向下移动了一行，所以它们被解释为一个块->此代码被执行。
如果你在你之后拥有它们，()你会得到一个语法错误-> Renderer.prototype.initialiseWebGL() {...会导致Uncaught SyntaxError: Unexpected token {

这是一个评论的例子

function Renderer() {
    initialiseWebGL(); // I call the global declared function
    this.initialiseShader(); //I call the Prototypes function
    this.initialiseBuffer(); //Me too
}

Renderer.prototype.initialiseWebGL = function (){ //Here a function gets assigned to propertie of `Renderer`s `prototype` Object
    //Do stuff.
};

Renderer.prototype.initialiseShader = function (){
        console.log("Do Shader Stuff");
};

Renderer.prototype.initialiseBuffer = function (){
        console.log("Do initialise stuff");
};
 Renderer.prototype.initialiseBuffer() // I invoke the method above
{
 console.log("I'm a Block statement");
}; 

function initialiseWebGL () { //I'm the global declared function
  console.log("Global");
}

var ren1 = new Renderer();

/*"Do initialise stuff"  
"I'm a Block statement"  
"Global"  
"Do Shader Stuff"  
"Do initialise stuff"*/

正如您在控制台输出中看到的

这是一个JSBin

Answer 3

由于您的实例从原型对象继承（方法）属性，因此您需要将它们作为属性而不是普通变量来访问：

function Renderer() {
    this.initialiseWebGL();
    this.initialiseShader();
    this.initialiseBuffer();
}