Тип: Не удается определить класс внутри IIFE

Question

Я хочу определить класс внутри IIFE, используя TypeScript, и продолжает получать ошибку, class can be defined either in a module or a file. Ниже код не работает.

(function(){ 
    // Error here 
    class Person { 

    } 
})() 

Причина, по которой я должен это делать, заключается в том, что я не хочу выставлять какие-либо глобальные переменные, даже модуль. Вы можете задаться вопросом, почему, потому что я хотел бы добавить их в угловых модулей ниже образом

(function(){ 
    angular.module('app').controller('HomeController', HomeController); 
    // error here 
    class HomeController { 
    } 
})(); 

Answer 1

Когда вы создаете класс, он генерирует IIFE для вас:

Класс:

class Example { 

} 

Результаты в JavaScript:

var Example = (function() { 
    function Example() { 
    } 
    return Example; 
})(); 

Если вы хотите, чтобы ваши классы выходили из глобального масштаба, вы можете как таковые модули:

module Stack { 
    export class Example { 

    } 

    export class Overflow { 

    } 
} 

только появляется Stack модуль в глобальном масштабе.

var Stack; 
(function (Stack) { 
    var Example = (function() { 
     function Example() { 
     } 
     return Example; 
    })(); 
    Stack.Example = Example; 
    var Overflow = (function() { 
     function Overflow() { 
     } 
     return Overflow; 
    })(); 
    Stack.Overflow = Overflow; 
})(Stack || (Stack = {})); 

Если вы хотите пойти на шаг дальше, вы можете использовать внешние модули - когда вы сделаете это, ни один из ваших классов или модулей не добавляется в глобальном масштабе.