TypeScript：在RequireJS中使用靜態變量AMD

Question

使用TypeScript 0.9.1.1時，當試圖從另一個模塊/文件訪問靜態變量時，它未定義。

示例代碼：

App.ts：

import Game = require('Game'); 

var game = new Game(); 

Game.ts：

import Grid = require('Grid'); 

class Game 
{ 
    public Grid: Grid; 
    public static Game: Game; 

    constructor() 
    { 
     Game.Game = this; 
     this.Grid = new Grid(); 
     this.Grid.SeeIfStaticWorks(); 
    } 
} 

export = Game; 

Grid.ts：

import Game = require('Game'); 

class Grid 
{ 
    public SeeIfStaticWorks() 
    { 
     var shouldNotBeUndefined = Game.Game; 
    } 
} 

export = Grid; 

調用this.Grid.SeeIfStaticWorks();前檢查Game.Game表明，它的定義：

http://j.mp/1dCY8Ec

但試圖從訪問它裏面SeeIfStaticWorks()當它是不確定的：

http://j.mp/1dCYISe

問題是：如何能夠從其他模塊訪問靜態變量？

---

更新：

使用跨模塊靜態變量（demo here）允許從一個文件上運行所有的代碼：

class Grid 
{ 
    public SeeIfStaticWorks() 
    { 
     console.log(Game.Game); 
     if (Game.Game) 
      alert('Instance is defined!'); 
     else 
      alert('Instance is undefined!'); 
    } 
} 

class Game 
{ 
    public Grid: Grid; 

    private static game : Game; 
    public static get Game() : Game 
    { 
     if (this.game == null) 
     { 
      this.game = new Game(); 
     } 

     return this.game; 
    } 

    constructor() 
    { 
     this.Grid = new Grid(); 
    } 
} 

var game = Game.Game; 

game.Grid.SeeIfStaticWorks(); 

如果使用相同的邏輯與AMD RequireJS的調用時，靜態變量未定義SeeIfStaticWorks()：

個App.ts：

import Game = require('Game'); 

var game = Game.Game; 

game.Grid.SeeIfStaticWorks(); 

Game.ts：

import Grid = require('Grid'); 

class Game 
{ 
    public Grid: Grid; 

    private static game : Game; 
    public static get Game() : Game 
    { 
     if (this.game == null) 
     { 
      this.game = new Game(); 
     } 

     return this.game; 
    } 

    constructor() 
    { 
     this.Grid = new Grid(); 
    } 
} 

export = Game; 

Grid.ts：

import Game = require('Game'); 

class Grid 
{ 
    public SeeIfStaticWorks() 
    { 
     console.log(Game.Game); 
     if (Game.Game) 
      alert('Instance is defined!'); 
     else 
      alert('Instance is undefined!'); 
    } 
} 

export = Grid; 

Answer 1

這是因爲，當文件Game.ts解析Game.Game沒有設置。你可以看到，在生成的JavaScript：

var Game = (function() { 
    function Game() { 
     Game.Game = this; 
     this.Grid = new Grid(); 
     this.Grid.SeeIfStaticWorks(); 
    } 
    return Game; 
})(); 

若要在導出的東西，你必須在定義點設置它們的靜態變量可用（不是懶洋洋地在你的情況下）。所以：

class Game 
{ 
    public Grid: Grid; 
    public static Game: Game = new Game(); // set it outside the constructor 

    constructor() 
    { 
     this.Grid = new Grid(); 
     this.Grid.SeeIfStaticWorks(); 
    } 
} 

你可以看到生成的javascript：

var Game = (function() { 
    function Game() { 
     this.Grid = new Grid(); 
     this.Grid.SeeIfStaticWorks(); 
    } 
    Game.Game = new Game(); // Now this statement will execute when this javascript is parsed 
    return Game; 
})(); 

如何管理單身是一個單獨的討論。但我相信上面的代碼是足夠的。 （如果你想要一個真正的單身人士，你可以進行額外的檢查）。

Answer 2

以下與訂單無關的代碼有效。格前演示遊戲：

class Game 
{ 
    public Grid: Grid; 
    public static Game; 

    constructor() 
    { 
     Game.Game = this; 
     this.Grid = new Grid(); 
     this.Grid.SeeIfStaticWorks(); 
    } 
} 
class Grid 
{ 
    public SeeIfStaticWorks() 
    { 
     console.log(Game.Game); 
     if (Game.Game) 
      alert('Instance is defined!'); 
     else 
      alert('Instance is undefined!'); 
    } 
} 
// Finally 
var daGame = new Game(); 

或網格遊戲之前：

class Grid 
{ 
    public SeeIfStaticWorks() 
    { 
     console.log(Game.Game); 
     if (Game.Game) 
      alert('Instance is defined!'); 
     else 
      alert('Instance is undefined!'); 
    } 
} 
class Game 
{ 
    public Grid: Grid; 
    public static Game; 

    constructor() 
    { 
     Game.Game = this; 
     this.Grid = new Grid(); 
     this.Grid.SeeIfStaticWorks(); 
    } 
} 
// Finally 
var daGame = new Game(); 

Try it online.

Answer 3

如果它可以幫助任何人，我已經成功通過創建道場框架內使用AMD的靜態變量包裝它的'聲明'函數（dojo的本地函數用於創建'類'）。

(function() { 
'use strict'; 

define([ 
    'dojo/dom', 
    'dojo/_base/lang', 
    'dojo/_base/declare' 
], function (dom, lang, declare) { 


    var constants = { 
     SOME_CONSTANT: 'Here is it!' 
    }; 

    var Car = declare(null, { 
     constructor: function() { 

     }, 

     throttle: function() { 
      console.log('Vrrr!'); 
     } 
    }); 

    lang.mixin(Car, constants); 
    return Car; 

}); 

}（））;

在客戶端：

(function() { 
'use strict'; 
define([ 
    'model/Car', 
    'dojo/domReady!' 
], function (Car) { 
    var c = new Car(); 
    c.throttle(); 
    console.log(Car.SOME_CONSTANT); 
}); 

}（））;