如何打字稿

Question

模塊級變量和局部變量區分

考慮這個模塊：

export module Example{ 
    let customer : any; 

    export function myExample(customer: string) { 
     // How to reference the module level customer object here? 
     // Is there a standard to make these module level variables Pascal Case to prevent this overlap? 
    } 
} 

在myExample功能customer是一個字符串。我如何參考模塊級別customer？

如果這是一個類，我可以使用this.customer但this沒有一個模塊在工作，並且Example.customer也不管用，除非客戶是出口......

Answer 1

這裏的問題TS的JS生成的版本：

define(["require", "exports"], function (require, exports) { 
    "use strict"; 
    var Example; 
    (function (Example) { 
     var customer; 
     function myExample(customer) { 
      // How to reference the module level customer object here? 
      // Is there a standard to make these module level variables Pascal Case to prevent this overlap? 
     } 
     Example.myExample = myExample; 
    })(Example = exports.Example || (exports.Example = {})); 
}); 

由於客戶沒有被出口，它是作爲私產生。而現在，標準的Javascript變量範圍規則生效，並且無法引用模塊級客戶。最簡單的，最簡單的解決方案，（恕我直言爲模塊級私有變量標準約定）是強調最外面的客戶：

export module Example{ 
    let _customer : any; 

    export function myExample(customer: string) { 
     _customer = customer; 
    } 
} 

Answer 2

一般來說，模塊無論是出口類，函數或枚舉等其他元素。

的export module Example如本實施例中僅示出指定Example實際上是一個命名空間中，這意味着對myexample中功能的任何引用必須由命名空間名稱預先固定的，即Example.myExample()。

如果客戶沒有出口，那麼您是正確的。這是因爲export module Example只是指定一個名稱空間，而不是導出的變量或類。

這是很難猜測，爲什麼你正在使用的不是export class的export module，：

export class Example2 { 
    customer: string = 'Example2.customer'; 
    myExample(customer: string) { 
     console.log(`Example ${this.customer}`); 
     console.log(`Example ${customer}`); 
    } 
} 

這個類實際上是一個模塊，由於使用export關鍵字。