1. 声明语法列表

  1. // 声明全局变量
  2. declare let variable: number;
  3. declare let jQuery: (selector: string) => any
  5. //声明全局方法
  6. declare function add(lhs: number, rhs: number): number;
  8. //声明全局类
  9. declare class Foo {
  10.     name: string;
  11.     constructor(name: string);
  12. }
  14. //声明全局枚举类型
  15. declare enum Flag {
  16.     ONE, TWO, THREE
  17. }
  19. //声明（含有子属性的）全局对象
  20. declare namespace ACM { }
  22. //接口和类型的全局声明
  23. interface Cat {
  24.     name: string;
  25. }
  27. //导出默认变量
  28. export default variable;
  31. //src/JQuery.d.ts
  32. //命名空间
  33. declare namespace JQuery {
  34.     interface AjaxSettings {
  35.         method?: 'GET' | 'POST';
  36.         data?: any;
  37.     }
  38.     function ajax(url: string, settings?: AjaxSettings): void;
  39.     const version: number;
  40.     class Event {
  41.         blur(eventType: EventType): void;
  42.     }
  43.     enum EventType {
  44.         CustomerClick,
  45.         Default
  46.     }
  47. }
  49. //使用与调用src/index.ts
  50. import { JQuery } from "./declare";
  52. JQuery.ajax('/api/get/something') ;
  53. console.log(JQuery.version)
  54. const e = new JQuery.Event();
  55. e.blur(JQuery.EventType.CustomerClick);

在编写的格式上：function、class、interface可直接默认导出，其他变量需要先定义在默认导出。

  1. declare enum Directions {
  2.     Up,
  3.     Down,
  4.     Left,
  5.     Right
  6. }
  8. export default Directions;

文件导入导出，在commonjs规范总，我们采取以下方法来导出

  1. //整体导出
  2. module.exports = foo ;
  3. //单个导出
  4. exports.bar = bar ;

在TypeScript中有以下方法导入

  1. // 方法一：const ... = require
  2. //整体导入
  3. const foo = require('foo') ;
  4. //单个导入
  5. const bar = require('foo').bar ;
  7. //方法二： import ... from
  8. //整体导入
  9. import * as foo from 'foo' ;
  10. //单个导入
  11. import {bar} from 'foo' ;
  13. //第三种导入方式，也是TypeScript官方推荐的方法 import ... require
  14. //整体导入
  15. import foo = require('foo') ;
  16. //单个导入
  17. import bar = foo.bar ;