码迷,mamicode.com
首页 > 其他好文 > 详细

TypeScript 模块代码的类型描述文件

时间:2020-06-29 09:48:48      阅读:72      评论:0      收藏:0      [点我收藏+]

标签:instance   head   rom   doc   dev   inter   doctype   cti   src   

安装 jquery
cnpm install jquery --save

不以 cdn 的方式引入,而是以模块化的方式引入 jquery
 
index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="./page.ts"></script>
  
</body>
</html>

 

 

page.ts

import $ from ‘jquery‘;

$(function () {
  $(‘body‘).html(‘<div>121212</div>‘);
  new $.fn.init()
})

 

 

jquery.d.ts

// es6 模块化
declare module ‘jquery‘ {
  interface JqueryInstance {
    html: (html: string) => JqueryInstance
  }
  // 混合类型
  function $(readyFunc: () => void): void;
  function $(selector: string): JqueryInstance;
  namespace $ { // $.fn.init
    namespace fn{
      class init{}
    }
  }

  export = $;
}

 

TypeScript 模块代码的类型描述文件

标签:instance   head   rom   doc   dev   inter   doctype   cti   src   

原文地址:https://www.cnblogs.com/wzndkj/p/13205921.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!