如何在角度/打字稿中聲明變量

Question

我是 Angular/Typescript 的新手，所以我嘗試了一個教程，當他創建服務時，他將 url 設置如下

 baseUrl = 'https://localhost:44351/api/member/';

我之前讀過 Typescritpt 中的變量是用 var 和 let 聲明的，所以當我厭倦了將代碼更新為：

  var baseUrl = "https://localhost:44351/api/member/";

它給了我一個錯誤編譯，這不是我們應該如何聲明變量嗎？

Answer 1

既然您說您正在嘗試創建服務，我假設您正在 class 中定義此變量。

聲明類范圍的變量（稱為屬性）時，您不需要let關鍵字。 相反，您想將其定義為private 、 public或protected 。

在你的情況下，我覺得private變量會更合適。 在這種情況下，你可以做一些事情。

export class MyService {
   private baseUrl = 'https://localhost:44351/api/member/';
   /* ... */
}

然后，您可以在服務函數中使用this關鍵字訪問此變量。

export class MyService {
   private baseUrl = 'https://localhost:44351/api/member/';
   /* ... */

   public getTheBaseUrl(): any {
     return this.baseUrl;
   }
}

在這里，我使用了一個 getter 來進行演示，但是您可以使用相同的語法來調用 XmlHTTPRequest 例如。

此外，由於這是一個 url 並且不太可能更改，因此您可以使用關鍵字readonly來防止它在代碼的其他地方被更改。

export class MyService {
   private readonly baseUrl = 'https://localhost:44351/api/member/';
   /* ... */

   public getTheBaseUrl(): any {
     return this.baseUrl;
   }
}