当前位置：网站首页>模块代码的类型描述文件

模块代码的类型描述文件

2022-04-22 18:41:00 【小二李】

本篇文章将介绍TypeScript中模块代码的类型描述文件相关知识。

npm安装jquery库。

cnpm i jquery -S

在ts文件中引入jquery库时提示以下信息

在这里插入图片描述

新建类型描述文件jquery.d.ts，用于定义ts文件中使用到的jquery模块定义。

jquery.d.ts


// ES6模块化：定义名称为jquery的模块
declare module 'jquery' {

  // 定义名称为$, 参数为函数类型，返回值为void的函数
  function $(readyFunc: () => void): void;

  // 定义名称为$, 参数为string，内部包含一个接收string参数，返回值为void的函数
  function $(selector: string): {
    html: (html: string) => void;
  }

  // 命名空间
  namespace $ {
    namespace fn {
      class init{}
    }
  }
  
  // 导出自定义函数
  export = $;
}

这时候在ts文件中就可以识别jquery模块了，也可以使用模块中定义的全局函数和命名空间。

demo.ts

import $ from 'jquery';

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

版权声明
本文为[小二李]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_43800535/article/details/124336912

边栏推荐

猜你喜欢

随机推荐