ts之 命名空間 namespace

ts之 命名空間 namespace

// namespace 命名空間
namespace A {
  export interface AAA {
    name: string;
  }
  export const arr: AAA[] = [{ name: "ppp" }];
  export namespace B {
    export const bbb = "bbb";
  }
}
console.log("arr", A.arr);
// 簡化命名空間
import BBB = A.B;

ts之 三斜線指令 （ 引入其他.ts文件 ）

• 或者安裝 聲明文件 npm i @types/node -D

app.ts

namespace AAA {
  export const bbb = "bb";
}

index.ts

// index.ts入口文件 引入 app.ts文件
// ///<reference path="app.ts" />
// namespace AAA {
//   export const aaa = "aa";
// }
// 都可以使用 AAA.aaa AAA.bbb
// AAA.aaa
// AAA.bbb

// 使用聲明文件
///<reference types="node" />
// AAA.bbb

ts之 聲明文件 d.ts - declare

• 安裝

  •   npm i 
      tsc --init
      npm i express
      npm i axios
    

01：declare聲明express第三方模塊

typings 為代碼或者第三方模塊 編寫聲明文件

declare module "express" {
  interface Router {
    get(path: string, cb?: (req: any, res: any) => void): void;
  }
  // app.use("./api", router); 定義app.use的聲明文件
  interface App {
    use(path: string, router: any): void;
    listen(port: number, cb?: () => void);
  }
  interface Express {
    (): App;
    Router(): Router;
  }
  const express: Express;
  export default express;
}

declare var a: boolean;
declare var add = (a: number, b: number) => number;

index.ts

import express from "express";

const app = express();
const router = express.Router();
app.use("./api", router);
router.get("/api", (req, res) => {
  res.json({
    code: 200,
  });
});

app.listen(9001, () => {
  console.log("服務器已起 端口為9001");
});

// a = true; => 找不到名稱“a” 在typings下的 express下聲明文件了a 則不會報錯了 => declare var a: boolean;
a = true;
// 在typings下的 express下聲明文件了a 則不會報錯了 => declare var add = (a: number, b: number) => number;
add = (a: number, b: number) => {
  return a + b;
};
add(1, 2);

02：declare聲明 變量和函數

typings / app.d.ts

declare var b: boolean;
declare var add = (a: number, b: number) => number;
declare var sub = (a: number, b: number) => number;

app.ts

b = true;
add = (a: number, b: number) => {
  return a + b;
};
add(1, 2);
sub = (a: number, b: number) => {
  return a - b;
};
sub(1, 2);

index.ts

///<reference path="app.ts" />