Day29-TypeScript(TS)的模组(Modules) Part1

今天要来说说TypeScript(TS)的模组(Modules)，

模组(Modules)定义在一个单独单独的党之中，
模组的名称就是档案名称(不包含副档名)，
以expot或import关键字开始的ts档案，
就会被视为一个模组。

它在TS1.5版本之後变更命名方式，
外部模组(External modules) => 模组(Modules)。

模组不同於全域范围(Global Scope)的命名空间，
他执行在自己的范围(Scope)，
因此宣告在模组中的变数、函式、类别...等模组外部的程序码，
预设将无法存取，
若要让模组外部的程序码可以存取，
可以使用export关键字汇出成员，
让模组外部存取。
反之，
模组可以使用import关键字来引用其他模组。

那麽我们来看看范例吧。

首先，在以建好的环境下建一个档案，
命名为export.ts(范例用，可依需求任意命名)，
表示要汇出的成员档案，
程序码内容如下，

export class Employee {
    constructor(public empId: number, public empName: string) {
    }
    getInfo() {
        return ` ${this.empId} , ${this.empName} `;
    }
}
export let projectName = "HR Management";

我在里面宣告类别命名为Employee与变数命名为projectName值为一字串。
这些成员因为等等都需要让模组外部去引用，
因此，在这些成员前方都加上export关键字以汇出成员。

接着来看看外部引用的部份吧，
在刚刚的专案再建立一个档案，
命名为import.ts(范例用，可依需求任意命名)，
表示要引用其他模组成员档案，
程序码内容如下，

import { Employee, projectName } from "./export";

let emp = new Employee(1, "Mary");
console.log(emp.getInfo()); // 1,Mary
console.log(projectName); // HR Management

那麽我们来逐行解析吧，
要引用外部成员最前方先加入import关键字，
接着用 {} 符号刮住要引用的成员名称，
复数成员用 , 隔开，
後面加上from後接字串，
字串为要引用的档案位置，
./export表示在同层资料夹的export档名，
特别注意，
这里不需要加副档名喔。

接着底下最引用就跟在同个档案内使用是一样的，
设一个变数为emp，
使用new接上类别，
後传入参数数字1与字串Mary，
就会依照export.ts档案内的函式执行使用，
表示引用成功了喔。

今日结语

今天带大家看看基本的模组(Modules)的使用方式，
那明天会再带多点汇出与引用的范例，
倒数一天啦，
大家加油加油喔。