日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

TypeScript 素描 - 模块解析、声明合并

發布時間:2024/4/17 61 豆豆
生活随笔 收集整理的這篇文章主要介紹了 TypeScript 素描 - 模块解析、声明合并 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

模塊解析

模塊解析有兩種方式

相對方式? 也就是以/或 ./或…/開頭的,比如import jq? from “/jq”

非相對方式? 比如 import model? from “modelA”

TypeScript的模塊解析吸取了Node與Classic兩種方式的好處并結合在一起

例如當前文件夾是? root/src/,其中a.ts導入了modelB

相對方式

  • /root/src/moduleB.ts
  • /root/src/moduleB.tsx
  • /root/src/moduleB.d.ts
  • /root/src/moduleB/package.json (如果指定了"typings"屬性)
  • /root/src/moduleB/index.ts
  • /root/src/moduleB/index.tsx
  • /root/src/moduleB/index.d.ts
  • 非相對方式

  • /root/src/node_modules/moduleB.ts
  • /root/src/node_modules/moduleB.tsx
  • /root/src/node_modules/moduleB.d.ts
  • /root/src/node_modules/moduleB/package.json (如果指定了"typings"屬性)
  • /root/src/node_modules/moduleB/index.ts
  • /root/src/node_modules/moduleB/index.tsx
  • /root/src/node_modules/moduleB/index.d.ts
  • /root/node_modules/moduleB.ts
  • /root/node_modules/moduleB.tsx
  • /root/node_modules/moduleB.d.ts
  • /root/node_modules/moduleB/package.json (如果指定了"typings"屬性)
  • /root/node_modules/moduleB/index.ts
  • /root/node_modules/moduleB/index.tsx
  • /root/node_modules/moduleB/index.d.ts
  • /node_modules/moduleB.ts
  • /node_modules/moduleB.tsx
  • /node_modules/moduleB.d.ts
  • /node_modules/moduleB/package.json (如果指定了"typings"屬性)
  • /node_modules/moduleB/index.ts
  • /node_modules/moduleB/index.tsx
  • /node_modules/moduleB/index.d.ts
  • 除此之外,TypeScript還考慮到其它的復雜情況,給出了我們 路徑映射 與 虛擬目錄,這些都是要到tsconfig中進行配置的,這里就不細談了。有需要再去看相關資料吧

    ?

    聲明合并

    TypeScript允許兩個接口合并為一個接口,像下面這樣。

    interface Box {height: number;width: number; }interface Box {scale: number; }let box: Box = { height: 5, width: 6, scale: 10 };

    除了接口與接口還支持

    命名空間與命名空間

    命名空間與類、函數、枚舉

    但是類不可以與類進行合并,類也不可以與函數合并

    轉載于:https://www.cnblogs.com/LiangSW/p/6266737.html

    總結

    以上是生活随笔為你收集整理的TypeScript 素描 - 模块解析、声明合并的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。