• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

typeScript-基础知识-4-9声明文件

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

当使用第三方库时,我们需要引用它的声明文件,才能获得对应的代码补全、接口提示等功能。

新语法索引

由于本章涉及大量新语法,故在本章开头列出新语法的索引,方便大家在使用这些新语法时能快速查找到对应的讲解:

  • declare var 声明全局变量

  • declare function 声明全局方法

  • declare class 声明全局类

  • declare enum 声明全局枚举类型

  • declare namespace 声明(含有子属性的)全局对象

  • interfacetype 声明全局类型

  • export 导出变量

  • export namespace 导出(含有子属性的)对象

  • export default ES6 默认导出

  • export = commonjs 导出模块

  • export as namespace UMD 库声明全局变量

  • declare global 扩展全局变量

  • declare module 扩展模块

  • /// <reference /> 三斜线指令

    什么是声明语句

    假如我们想使用第三方库 jQuery,一种常见的方式是在 html 中通过 <script> 标签引入 jQuery,然后就可以使用全局变量 $jQuery 了。

    我们通常这样获取一个 idfoo 的元素:

     
    $('#foo');
    // or
    jQuery('#foo');

    但是在 ts 中,编译器并不知道 $jQuery 是什么东西1

     
    jQuery('#foo');
    // ERROR: Cannot find name 'jQuery'.

    这时,我们需要使用 declare var 来定义它的类型2

     
    declare var jQuery: (selector: string) => any;
     
    jQuery('#foo');

    上例中,declare var 并没有真的定义一个变量,只是定义了全局变量 jQuery 的类型,仅仅会用于编译时的检查,在编译结果中会被删除。它编译结果是:

    jQuery('#foo');


    鲜花

    握手

    雷人

    路过

    鸡蛋
    该文章已有0人参与评论

    请发表评论

    全部评论

    专题导读
    上一篇:
    vue2+typescript2自定义过滤器发布时间:2022-07-18
    下一篇:
    typescript属性类型接口发布时间:2022-07-18
    热门推荐
    热门话题
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap