Type description file of module code

This article will introduce TypeScript Knowledge about the type description file of module code in .

npm install jquery library .

cnpm i jquery -S

stay ts Introduce in the file jquery The following information will be prompted when the library

Create a new type description file jquery.d.ts, Used for definition ts Used in the file jquery Module definition .

jquery.d.ts

// ES6 modularization ： The definition is jquery Module 
declare module 'jquery' {

  //  The definition is $,  The parameter is a function type , The return value is void Function of 
  function $(readyFunc: () => void): void;

  //  The definition is $,  Parameter is string, It contains a receiver string Parameters , The return value is void Function of 
  function $(selector: string): {
    html: (html: string) => void;
  }

  //  Namespace 
  namespace $ {
    namespace fn {
      class init{}
    }
  }
  
  //  Export custom functions 
  export = $;
}

At this time ts It can be identified in the document jquery Module , You can also use the global functions and namespaces defined in the module .

demo.ts

import $ from 'jquery';

$(function () {
  $('body').html('<div>123</div>')
  new $.fn.init()
})