TypeScript 描述文件中的全局类型

xiaofanguan 2020-06-28

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="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
  <script src="./page.ts"></script>
  
</body>
</html>

page.ts

$(function () {
  $(‘body‘).html(‘<div>121212</div>‘);
  new $.fn.init()
})
执行 npm start("start": "parcel ./src/index.html")。这个时候浏览器弹出了111，但是编辑器还是会报错，提示 Cannot find name ‘$‘. Do you need to install type definitions for jQuery? Try `npm i @types/jquery`。让我们安装 @types/jquery。因为在 ts 里面直接引用了 js，所以不能正确的识别，这个时候需要去写个类型注解文件，帮助去打通 ts 和 js 的鸿沟

之前我们是安装别人写好的 .d.ts 文件。这次我们自己去写
 
page.d.ts
// 声明一个全局变量，叫做 $，接收一个函数，返回值是 void
// declare var $: (param: () => void) => void;


interface JqueryInstance {
  html: (html: string) => JqueryInstance
}
// 函数重载
declare function $(readyFunc: () => void): void;// 定义全局函数 $可以接收一个函数，函数重载
declare function $(selector: string): JqueryInstance;// 定义全局函数 $可以接收一个字符串，函数重载
// 如何对对象进行定义，以及对类进行类型定义，以及命名空间的嵌套
declare namespace $ { // $.fn.init
  namespace fn{
    class init{}
  }
}

// 使用 interface 的语法，实现函数重载
// interface JQuery{
//   (readyFunc: () => void): void;
//   (selector: string): JqueryInstance
// }// 直接这样写 ts 文件的 $ 还是会报错的，还需要定义
// declare var $: JQuery;
xiaofanguan

xiaofanguan

相关推荐

27 个提升开发幸福度的 VsCode 插件

Visual Studio Code是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持，越来越多的开发都都喜欢使用它。如果你正在寻找更多的好用的 VsCode 工具，那么这篇或许能够帮助你。

changcongying / 0评论 2020-11-02

如何编写健壮的 TypeScript 库？

当你用 TypeScript 编写库时，你通常不知道这个库最终将如何被使用。即使你 警告潜在用户，你编写这个库只是针对 TypeScript 用户，你还是可能会在某个时刻拥有 JavaScript 用户——或者是因为他们不顾你的警告而使用这个库，或者是他们

changcongying / 0评论 2020-10-30

Deno需要做什么才能取代Node.js？

本文转载自公众号“读芯术”。它拥有广泛功能，讨论度非常高，在Github上有将近68000个星星：。既然这么受欢迎，那么有人要问了：为什么Deno正式版本1.0发行时没能成功呢?本文就将深入探讨这个问题。Deno是由Ryan Dahl创建的安全的Java

苗疆三刀的随手记 / 0评论 2020-10-29

Vue3+TypeScript完整项目上手教程

TypeScript 是JS的一个超集，主要提供了类型系统和对ES6的支持，使用 TypeScript 可以增加代码的可读性和可维护性，在 react 和 vue 社区中也越来越多人开始使用TypeScript。从最近发布的 Vue3 正式版本来看， V

zouph000 / 0评论 2020-10-25

TypeScript：请停止使用 any

当我们开发 TypeScript 代码时，很可能会遇到 any 关键字。我们看到的大多数用法都表明我们正在处理 TypeScript 中的基本类型。在文档中我们可能会找到：。)来不使用 TypeScript 或第3方库编写的代码的值。在这些情况下，我们可

Jruing / 0评论 2020-10-23

React应用程序配置TypeScript

最近在学习TypeScript的一些知识用到了 react,记录一下 react 创建应用项目和支持 TypeScript。React 是一个用于构建用户界面 UI 的 JavaScript 库,它的创建默认是不支持 TypeScript 的,本文使用的是

ctg / 0评论 2020-10-14

2020 10大薪资最高的IT编程语言排名

三百六十行，行行转IT。IT行业自2016年首次超过金融行业以后，一直到现在每年都是稳居高薪第1名的宝座。调查结果显示，在美国，掌握Java语言的开发人员平均工资相较于2019年的118,000美元增长了6%。Java在最流行编程语言中排名第5，根据Sta

PMJ0 / 0评论 2020-10-13

[Typescript] Function Overloads

Function overload doesn‘t compile to Javascript, it is just a way to tell typescript about type information

ChaITSimpleLove / 0评论 2020-10-06

2020年，JavaScript开发人员必备的5项高薪技能

开发人员的一生可以用两句话概括：计算器，以及学习新技能。成为开发人员绝非易事，他们是解决问题的人，也是不断学习的人。科技世界每天都在快速变化，如果你不想在这条快速变化的道路上落后，就必须不断学习新技能。不断升级，绝不止步。人们对React开发商的需求并未出

小飞侠V / 0评论 2020-09-25

聊聊技术选型 - Angular2 vs Vue2

目前没法确切的评估未来一段时间这两个框架的维护情况，但基本能确定的是，框架的生命周期不会比我们大部分业务的生命周期短。从国内的使用情况以及社区发展来看，Vue 更胜一筹。从学习曲线上看，Angular 要更陡峭，Vue 要相对平缓一些。从能够开发的应用的全

QiaoranC / 0评论 2020-09-25

重新认识Typescript | Vue3源码系列

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open source.大致意思

changcongying / 0评论 2020-09-17

你不知道的 TypeScript 高级类型

对于有 JavaScript 基础的同学来说，入门 TypeScript 其实很容易，只需要简单掌握其基础的类型系统就可以逐步将 JS 应用过渡到 TS 应用。然而，当应用越来越复杂，我们很容易把一些变量设置为 any 类型，TypeScript 写着写

taizuduojie / 0评论 2020-09-15

2020年面向初学者的优秀TypeScript书籍

TypeScript是时下最流行的前端开发语言之一，由于TypeScript往往会和其他框架生态和概念混合在一起，因此TypeScript也是当下比较难以难掌握和学习的语言之一。学习TypeScript需要理论联系实际，在学习基本概念的同时，还要注重动手实

淼寒儿 / 0评论 2020-09-13

半天掌握TypeScript，感觉就像写Java

本文转载自微信公众号「小姐姐味道」，作者小姐姐养的狗 。但是，JavaScript是个拦路虎，尤其是熟悉了Java之类的强类型检查语言之后，每次看到js都感觉不爽。万幸现在有了更好的选择。意思就是在ts中可以直接书写js。不过，这也只是类比而已，ts中的很

lyjava / 0评论 2020-09-11

细数这些年被困扰过的 TS 问题

本文转载自微信公众号「全栈修仙之路」，作者阿宝哥 。TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不

彤庆的技术 / 0评论 2020-09-02

TypeScript 配置文件该怎么写？

今天我们就来看下， TypeScript 的配置文件 tsconfig.json 该如何写。package.json 是包描述文件，对应的 Commonjs 规范，而 tsconfig.json 是最终被 TypeScript Compiler 解析和使用

锅哥 / 0评论 2020-08-27

typescript配置alias的详细步骤

注意"baseUrl": "./",不能省去，否则ts报Option 'paths' cannot be used without specifying '--baseUrl' option.错误

ruanhongbiao / 0评论 2020-08-16

深入 TypeScript 中的子类型、逆变、协变，进阶 Vue3 源码前必须搞懂的

TypeScript 中有很多地方涉及到子类型 subtype、父类型 supertype 的概念，如果搞不清这些概念，那么很可能被报错搞得无从下手，或者在写一些复杂类型的时候看到别人可以这么写，但是不知道为什么他可以生效。在这个例子中，Animal 是

zouph000 / 0评论 2020-08-03

掌握这7个工具，快速学会TypeScript

TypeScript是JavaScript语言的超集，可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。现在很多人都在学习TypeScript，今天就给大家推荐7个工具，帮助你快速学会TypeScript。它是TypeScript AST 在

Java编程语言学习 / 0评论 2020-07-29

【typescript】 FirstOne 概论、学习路线、搭建 webstorm 开发环境、预览

TypeScript 是 Javascript 的超集，扩展了 JavaScript的语法，遵循最新的 ES6、Es5 规范。用于将 ts 编译成 js 文件。error TS2345: Argument of type ‘number[]‘ is not

shyoushine / 0评论 2020-07-26

Typescript方法重载实现系列二

function getInfo(name:string):string;function getInfo(name:string,age:number):string;function getInfo(name:any,age?:any):any{

ChaITSimpleLove / 0评论 2020-07-26

学习 TS 不要错过的八个工具

本文转载自微信公众号「全栈修仙之路」，作者阿宝哥 。本文阿宝哥将为大家推荐 8 个 TS 工具，使用它们能够让你更好地学习和使用 TS，对 TS 感兴趣的小伙伴不要错过。

Java编程语言学习 / 0评论 2020-07-21

typescript json 转 bean

let json = "{\"userId\":777,\"userName\":\"小李飞刀\",\"userPwd\":\"wokao123\"

iconhot / 0评论 2020-07-05

TypeScript（15）： 接口

接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法。以下实例中，我们定义了一个接口 IPerson，接着定义了一个变量 customer，它的类型是

iconhot / 0评论 2020-06-26

TypeScript（13）： 元组

我们知道数组中元素的数据类型都一般是相同的，如果存储的元素数据类型不同，则需要使用元组。元组中元素使用索引来访问，第一个元素的索引值为 0，第二个为 1，以此类推第 n 个为 n-1，语法格式如下:. console.log // 返回元组的大小。m

lyjava / 0评论 2020-06-26

TypeScript（19）： 模块

TypeScript 模块的设计理念是可以更换的组织代码。模块是在其自身的作用域里执行，并不是在全局作用域，这意味着定义在模块里面的变量、函数和类等在模块外部是不可见的，除非明确地使用 export 导出它们。两个模块之间的关系是通过在文件级别上使用 im

iconhot / 0评论 2020-06-26

TypeScript（14）： 联合类型

联合类型可以通过管道(|)将变量设置多种类型，赋值时可以根据设置的类型来赋值。

路一直都在在在 / 0评论 2020-06-26

TypeScript（16）： 类

TypeScript 是面向对象的 JavaScript。类描述了所创建的对象共同的属性和方法。TypeScript 支持面向对象的所有特性，比如 类、接口等。字段表示对象的有关数据。类实例化时调用，可以为类的对象分配内存。以下实例我们声明了类 Car，包

iconhot / 0评论 2020-06-26

TypeScript（20）： 声明文件

TypeScript 作为 JavaScript 的超集，在开发过程中不可避免要引用其他第三方的 JavaScript 的库。虽然通过直接引用可以调用库的类和方法，但是却无法使用TypeScript 诸如类型检查等特性功能。为了解决这个问题，需要将这些库里

88570299 / 0评论 2020-06-26

TypeScript（06）： 运算符

运算符用于执行程序代码运算，会针对一个以上操作数项目来进行运算。以上实例中 7、5 和 12 是操作数。关系运算符用于计算结果是否为 true 或者 false。逻辑运算符用于测定变量或值之间的逻辑。

ChaITSimpleLove / 0评论 2020-06-25

TypeScript（04）： 基础类型

任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型，它常用于以下三种情况。x.ifItExists(); // 正确，ifItExists方法在运行时可能存在，但这里并不会检查。let arrayList: any[] =

xiaofanguan / 0评论 2020-06-25

TypeScript（11）： String（字符串）

String 对象用于处理文本（字符串）。

lyjava / 0评论 2020-06-26

TypeScript（09）： 函数

函数是一组一起执行一个任务的语句。您可以把代码划分到不同的函数中。函数声明告诉编译器函数的名称、返回类型和参数。函数定义提供了函数的实际主体。在使用 return 语句时，函数会停止执行，并返回指定的值。实例中定义了函数 greet()，返回值的类型为 s

pwc / 0评论 2020-06-26

TypeScript（10）： Number

TypeScript 与 JavaScript 类似，支持 Number 对象。Number 对象是原始数值的包装对象。console.log("输入月份数值正确。

xiaofanguan / 0评论 2020-06-26

TypeScript（03）：基础语法

最后我们使用 node 命令来执行该 js 代码。TypeScript 会忽略程序中出现的空格、制表符和换行符。空格、制表符通常用来缩进代码，使代码易于阅读和理解。TypeScript 区分大写和小写字符。每行指令都是一段语句，你可以使用分号或不使用， 分

shyoushine / 0评论 2020-06-25

TypeScript（05）： 变量声明

变量是一种使用方便的占位符，用于引用计算机内存地址。我们可以把变量看做存储数据的容器。除了下划线 _ 和美元 $ 符号外，不能包含其他特殊字符，包括空格。变量名不能以数字开头。变量使用前必须先声明，我们可以使用 var 来声明变量。它之所以不被称为类型转换

xiaofanguan / 0评论 2020-06-25

TypeScript 使用Parcel打包TS代码

const teacher: string = ‘222‘;

pwc / 0评论 2020-06-25

一篇文章带你使用Typescript封装一个Vue组件(简单易懂)

然后创建完项目之后，进入项目。使用快捷命令code .进入Vs code编辑器。然后，我进入编辑器之后，进入设置工作区，随便设置一个参数，这里比如推荐设置字号，点下。这里是为了生成.vscode文件夹，里面有个json文件。我们在开发项目的时候，项目文件夹

Cincan / 0评论 2020-06-14

了不起的tsconfig.json指南

在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀配置？本文将全面带大家一起详细了解 tsconfig.json 的各项配置。水平有限

锅哥 / 0评论 2020-06-12

json转化为C#、Java、TypeScript、VisualBasic、Python实体类

效果展示：

taishanduba / 0评论 2020-06-10

蒲公英 · JELLY技术周刊 Vol.10 为什么你还不使用 TypeScript

为什么流媒体直播的延迟那么高。随着通信技术的发展，视频点播、直播业务也逐渐兴起。在这些业务形态中，流媒体技术扮演着重要的角色。但在实际使用中，即便是在优良的网络环境中，主播和观众间依然可以体验到明显的延迟。这篇文章从编码、传输、缓存等方面入手，分析了延迟产

Web分享 / 0评论 2020-06-10

TypeScript类型检查机制

不需要指定变量的类型，TypeScript可以根据某些规则自动地为其推断出一个类型。let function1 =(x=1)=> x+1 //x=>number //function1返回number类型。上面两种类型推断都是从右向左的推断，

ChaITSimpleLove / 0评论 2020-06-09

JavaScript 和 TypeScript 的封装性 —— 私有成员

JavaScript 使用了基于原型模式的 OOP 实现，一直以来，其封装性都不太友好。为此，TypeScript 在对 JavaScript 类型进行增强的同时，特别关注了“类”定义。TS 的类定义起来更接近于 Java 和 C# 的语法，还允许使用 p

Web分享 / 0评论 2020-06-08

TypeScript从零到一学习记录（三：函数）

表示该参数可不传，这时不传参数才不会报错。多个参数时可选参数应放在最后

pwc / 0评论 2020-06-07

TypeScript 新建项目

6、在 package.json 里面 script 加 ‘dev‘: ‘ts-node ./src/crowller.ts‘

xiaofanguan / 0评论 2020-06-07

用TypeScript编写React的最佳实践

如今， React 和 TypeScript 是许多开发人员正在使用的两种很棒的技术。但是把他们结合起来使用就变得很棘手了，有时很难找到正确的答案。不要担心，本文我们来总结一下两者结合使用的最佳实践。在开始之前，让我们回顾一下 React 和 TypeSc

苗疆三刀的随手记 / 0评论 2020-06-03

用TypeScript编写React的优秀实践

如今， React 和 TypeScript 是许多开发人员正在使用的两种很棒的技术。但是把他们结合起来使用就变得很棘手了，有时很难找到正确的答案。不要担心，本文我们来总结一下两者结合使用的优秀实践。在开始之前，让我们回顾一下 React 和 TypeS

maple00 / 0评论 2020-06-01

TypeScript从入门到放弃(一)

,共同学习，共同进步。亲爱的读者们，大家好，我是杨戬，一个在互联网前端苟且偷生的划水程序员，本编文章开始将带你入坑TypeScript。个人认为TypeScript的前景还是可以的，怎么说呢？TypeScript 是 JavaScript 的一个超集，支持

Web分享 / 0评论 2020-05-31

TypeScript 数组和元组

const stringArr: string[] = [‘a‘, ‘b‘, ‘c‘];const arr1: [] = [1, ‘2‘ ,3];const objectArr: {name: string, age: number}[] = [{name

xiaofanguan / 0评论 2020-05-29