在本文中，我們將介紹如何使用TypeScript創(chuàng)建類和類的方法，并生成相應(yīng)的JavaScript文件，然后在頁面中調(diào)用這些JS文件。 第一步：創(chuàng)建TypeScript文件 首先，雙擊打開HBui

在本文中，我們將介紹如何使用TypeScript創(chuàng)建類和類的方法，并生成相應(yīng)的JavaScript文件，然后在頁面中調(diào)用這些JS文件。

第一步：創(chuàng)建TypeScript文件

首先，雙擊打開HBuilder編輯工具，新建一個TypeScript文件，我們將其命名為Fruit.ts。在該文件中，我們定義一個名為Fruit的類，該類具有兩個屬性：name（名稱）和num（銷售量），示例如下：

class Fruit {
  name: string;
  num: number;
  constructor(name: string, num: number) {
      name;
      num;
  }
}

第二步：定義類的方法

接下來，我們再定義一個名為Apple的類，該類繼承自Fruit類。Apple類有一個額外的屬性sales（銷售情況），構(gòu)造方法有兩個參數(shù)name和num。我們還定義了一個名為showApple的方法，用于展示蘋果的詳細(xì)信息，示例如下：

class Apple extends Fruit {
  sales: string;
  constructor(name: string, num: number, sales: string) {
    super(name, num);
      sales;
  }
  showApple() {
    console.log(`蘋果名稱：${}，銷售量：${}，銷售情況：${}`);
  }
}

第三步：調(diào)用類的方法

現(xiàn)在，我們可以使用let關(guān)鍵字定義一個名為apple的對象變量，并調(diào)用Apple類中的showApple方法來展示蘋果的詳細(xì)信息，示例如下：

let apple  new Apple("紅富士", 100, "好");
();

第四步：編譯TypeScript文件

接下來，打開CMD命令窗口，并將路徑切換到保存了Fruit.ts文件的路徑下。然后執(zhí)行tsc命令，將TypeScript文件編譯為JavaScript文件，示例如下：

tsc Fruit.ts

第五步：生成JavaScript文件

完成上一步的操作后，在HBuilder的同級目錄下將會生成一個與TypeScript文件同名的JavaScript文件（Fruit.js），該文件包含了編譯后的JavaScript代碼。

第六步：引入并運行JavaScript文件

最后，我們可以在指定目錄下創(chuàng)建一個靜態(tài)HTML頁面，并在該頁面中引入生成的JavaScript文件（Fruit.js）。然后通過瀏覽器打開該頁面，就可以看到控制臺輸出了蘋果的詳細(xì)信息。

通過以上步驟，我們成功地使用TypeScript創(chuàng)建了類和類的方法，并生成了對應(yīng)的JavaScript文件，最終在頁面中調(diào)用了這些JS文件。