日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

[[423398]]

一、模塊

TypeScript 與ECMAScript 2015 一樣，任何包含頂級(jí) import 或者 export 的文件都被當(dāng)成一個(gè)模塊

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比萬(wàn)安網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式萬(wàn)安網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋萬(wàn)安地區(qū)。費(fèi)用合理售后完善，10年實(shí)體公司更值得信賴。

相反地，如果一個(gè)文件不帶有頂級(jí)的import或者export聲明，那么它的內(nèi)容被視為全局可見的

例如我們?cè)谠谝粋€(gè) TypeScript 工程下建立一個(gè)文件 1.ts，聲明一個(gè)變量a，如下：

 
 
 
 

  
  
  
  
const a = 1 
 
 
 
 

然后在另一個(gè)文件同樣聲明一個(gè)變量a，這時(shí)候會(huì)出現(xiàn)錯(cuò)誤信息

提示重復(fù)聲明a變量，但是所處的空間是全局的

如果需要解決這個(gè)問題，則通過import或者export引入模塊系統(tǒng)即可，如下：

 
 
 
 

  
  
  
  
const a = 10; 
  
  
  
  
 
  
  
  
  
export default a 
 
 
 
 

在typescript中，export關(guān)鍵字可以導(dǎo)出變量或者類型，用法與es6模塊一致，如下：

 
 
 
 

  
  
  
  
export const a = 1 
  
  
  
  
export type Person = { 
  
  
  
  
    name: String 
  
  
  
  
} 
 
 
 
 

通過import 引入模塊，如下：

 
 
 
 

  
  
  
  
import { a, Person } from './export'; 
 
 
 
 

二、命名空間

命名空間一個(gè)最明確的目的就是解決重名問題

命名空間定義了標(biāo)識(shí)符的可見范圍，一個(gè)標(biāo)識(shí)符可在多個(gè)名字空間中定義，它在不同名字空間中的含義是互不相干的

這樣，在一個(gè)新的名字空間中可定義任何標(biāo)識(shí)符，它們不會(huì)與任何已有的標(biāo)識(shí)符發(fā)生沖突，因?yàn)橐延械亩x都處于其他名字空間中

TypeScript 中命名空間使用 namespace 來(lái)定義，語(yǔ)法格式如下：

 
 
 
 

  
  
  
  
namespace SomeNameSpaceName { 
  
  
  
  
   export interface ISomeInterfaceName {      }   
  
  
  
  
   export class SomeClassName {      }   
  
  
  
  
} 
 
 
 
 

以上定義了一個(gè)命名空間 SomeNameSpaceName，如果我們需要在外部可以調(diào)用 SomeNameSpaceName 中的類和接口，則需要在類和接口添加 export 關(guān)鍵字

使用方式如下：

 
 
 
 

  
  
  
  
SomeNameSpaceName.SomeClassName 
 
 
 
 

命名空間本質(zhì)上是一個(gè)對(duì)象，作用是將一系列相關(guān)的全局變量組織到一個(gè)對(duì)象的屬性，如下：

 
 
 
 

  
  
  
  
namespace Letter { 
  
  
  
  
  export let a = 1; 
  
  
  
  
  export let b = 2; 
  
  
  
  
  export let c = 3; 
  
  
  
  
  // ... 
  
  
  
  
  export let z = 26; 
  
  
  
  
} 
 
 
 
 

編譯成js如下：

 
 
 
 

  
  
  
  
var Letter; 
  
  
  
  
(function (Letter) { 
  
  
  
  
    Letter.a = 1; 
  
  
  
  
    Letter.b = 2; 
  
  
  
  
    Letter.c = 3; 
  
  
  
  
    // ... 
  
  
  
  
    Letter.z = 26; 
  
  
  
  
})(Letter || (Letter = {})); 
 
 
 
 

三、區(qū)別

命名空間是位于全局命名空間下的一個(gè)普通的帶有名字的 JavaScript 對(duì)象，使用起來(lái)十分容易。但就像其它的全局命名空間污染一樣，它很難去識(shí)別組件之間的依賴關(guān)系，尤其是在大型的應(yīng)用中

像命名空間一樣，模塊可以包含代碼和聲明。不同的是模塊可以聲明它的依賴

在正常的TS項(xiàng)目開發(fā)過程中并不建議用命名空間，但通常在通過 d.ts 文件標(biāo)記 js 庫(kù)類型的時(shí)候使用命名空間，主要作用是給編譯器編寫代碼的時(shí)候參考使用

參考文獻(xiàn)

https://www.tslang.cn/docs/handbook/modules.html

https://www.tslang.cn/docs/handbook/namespaces.html

https://www.tslang.cn/docs/handbook/namespaces-and-modules.html

網(wǎng)站題目：面試官：說(shuō)說(shuō)對(duì)TypeScript中命名空間與模塊的理解？區(qū)別？
網(wǎng)頁(yè)網(wǎng)址：http://www.5511xx.com/article/djgspjj.html