模組 1、模組概念 2、模組匯出的幾種方法 1、export匯出宣告 2、export匯出語句 3、exportdefault 4、import匯出模組 模組的概念（官方）: 關於屬於的一點宣告，請務必注意一點，TypeScript1.5裡面已經發生變化。“內部模組”現在成為“名稱空間”。 “外部模組”現在簡稱為模組，模組在自身的作用與裡執行，而不是在全域性作用域裡。 這意味著定義在一個模組裡的變數、函式、類、介面等等在外部模組是不可見的，除非你明確使用export形式之一匯出他們。 相反，如果想使用其他模組匯出變數、函式、類、介面等的時候，你必須先要引入他們，可以使用import形式之一。 模組化概念（自己）： 我們可以把一些公共的功能單獨抽離成一個檔案作為模組。 模組裡面的變數函式類等預設是私有的，如果我們要在外部訪問模組裡面的（類函式變數） 我們需要通過export暴露模組裡面的資料。 暴露後我們可通過import引入模組就可以使用模組裡面暴露的資料。 將公共方法定義到一個db.ts模組中

/*

export var dbUrl = '10.168.1.202:8080';//export 匯出宣告
export function getData():any[]{//export 匯出語句
  console.log('獲取資料庫的資料');
  return [
    {
      title:'title001',
      desc:'desc001',
    },
    {
      title:'title002',
      desc:'desc002',
    }
  ]
}
export function save(){//export 匯出語句
  console.log('儲存資料成功');
}

 
*/

/*
var dbUrl = '10.168.1.202:8080';
function getData():any[]{
  console.log('獲取資料庫的資料');
  return [
    {
      title:'title001',
      desc:'desc001',
    },
    {
      title:'title002',
      desc:'desc002',
    }
  ]
}
function save(){
  console.log('儲存資料成功');
}
export {dbUrl,getData,save}//匯出
*/

var dbUrl = '10.168.1.202:8080';
 
function getData():any[]{
  console.log('獲取資料庫的資料');
  return [
    {
      title:'title001',
      desc:'desc001',
    },
    {
      title:'title002',
      desc:'desc002',
    }
  ]
}
function save(){
  console.log('儲存資料成功');
}

export default getData;

引用

// import {getData,save,dbUrl} from './modules/db';//import匯出模組
 

// getData();

// import {getData as get} from './modules/db';//import匯出模組
// get();

import getData from './modules/db';//import匯出模組
getData();

exportdefault預設匯出 每個模組都可以有一個default匯出。預設匯出使用default關鍵字標記。並且每一個模組只有一個default匯出。