Перекрестные ссылки с расширенными классами в TypeScipt

Question

Я нашел странную ошибку.

Если у вас есть два класса в разных файлах, и, например, класс B расширяет класс и класс имеет переменный напечатал B, машинопись компилирует в неправильном порядке с --out основными. js command (при компиляции всего проекта в один файл). результаты Wrond порядка, что Javascript выдает ошибку: Uncaught TypeError: Не удается прочитать свойство «прототип» неопределенной Это происходит потому, что класс B раньше в коде, чем , и он хочет, чтобы его использовать.

Вот самый простой пример:

A.ts

///<reference path='B.ts'/> 

class A 
{ 
    public b: B; 

    constructor() 
    { 
    } 

    init() 
    { 
     this.b=new B(); 
    } 
} 

B.ts

///<reference path='A.ts'/> 
class B extends A 
{ 
    constructor() 
    { 
     super(); 
    } 
} 

app.ts

///<reference path='A.ts'/> 
var a: A=new A(); 
a.init(); 

Сформированные main.js

var __extends = this.__extends || function (d, b) { 
    function __() { this.constructor = d; } 
    __.prototype = b.prototype; 
    d.prototype = new __(); 
}; 
var B = (function (_super) { 
    __extends(B, _super); 
    function B() { 
     _super.call(this); 
    } 
    return B; 
})(A); 
var A = (function() { 
    function A() { 
    } 
    A.prototype.init = function() { 
     this.b = new B(); 
    }; 
    return A; 
})(); 
var a = new A(); 
a.init(); 
//@ sourceMappingURL=main.js.map 

Вы когда-либо испытывали эту проблему? Если у кого-то есть обходное решение, пожалуйста, помогите мне!

Спасибо!

Answer 1

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

class A { 
    constructor(public b: A) 
    { 
    } 
} 

class B extends A 
{ 
    constructor() 
    { 
     super(this); 
    } 
} 

var a = new A(new B()); 
var b = new B(); 

Теперь Ваш файл «b.ts» нужно только в зависимости от файла «a.ts» - не наоборот. Поскольку B расширяет A, вы можете передать экземпляр B при создании нового A. Поскольку зависимость является однонаправленной, у TypeScript теперь есть возможность собрать вещи в правильном порядке.

Answer 2

Используйте export заявление по заявленному модуля машинопись или класса или интерфейса, то вы можете import нужную функцию, класс или любой другой. Typcript выдает ошибку, потому что переменная, которую вы пытаетесь установить, не существует.

Например:

module API { 
    export class Main { 
     public name: string; 
     public interest: string; 

     constructor() { 
      this.name = "Someone"; 
      this.interest = "web technology"; 
     } 

     puts() { 
      console.log(this.name, " like", this.interest); 
     } 
    } 
} 

..и тогда вы можете вызвать нужную функцию.

import API; 
var c = new API.Main();