вызов функции прототипа повторяет неправильную функцию

Question

Я пытаюсь узнать о структурах и анонимных функциях в JavaScript, и я просмотрел много кодов или библиотек, которые сделали это таким образом. Однако, когда я пытаюсь следовать тому, как они это делают, кажется, что это неправильно. Вот мой код:

файл 1: называется startUp;

this.project = this.project || {}; 

(function(){ 

    project.init = function(){ 
     console.log("startUp"); 
     project.Setup(); 

    } 

}()); 

Файл 2: называется Setup

this.project = this.project || {}; 

(function() { 

    var Setup = function() { 
     this.init(); 
    }; 

    var p = Setup.prototype; 

    p.init = function() { 
     console.log("Setup"); 
    }; 

    project.Setup = Setup; 
}()); 

по какой-то причине не так ли в настройках не вызывается, но запуск не так ли зацикливается, как сумасшедший.

Answer 1

Внутри Setup, this не так, как вы думаете. this определяется как вызывается функция.

Так что, когда вы делаете project.Setup();, значение this внутри Setup - project. Таким образом, this.init() вызывает project.int(). Который вызывает project.Setup(); и т. Д., Создавая бесконечный цикл.

Setup.prototype.init будет называться только если вы делаете new Setup.