给JS文件提供类型

了解:使用类型声明文件给JS文件添加类型

  • 在导入 .js 文件时,TS 会自动加载与 .js 同名的 .d.ts 文件,以提供类型声明。

  • declare 关键字:

    • 用于类型声明,为其他地方(比如,.js 文件)已存在的变量声明类型,而不是创建一个新的变量。

    1. 对于 type interface 等这些明确就是 TS 类型的(只能在 TS 中使用的),可以省略 declare 关键字。

    2. 其他 JS 变量,应该使用 declare 关键字,明确指定此处用于类型声明。

add/index.js

const add = (a, b) => {
  return a + b;
};
​
const ponit = (p) => {
  console.log('坐标:', p.x, p.y);
};
​
export { add, ponit }

add/index.d.ts

declare const add: (a: number, b: number) => number;
​
type Position = {
  x: number;
  y: number;
};
​
declare const ponit: (p: Position) => void;
​
export { add , ponit};

main.ts

import { add , ponit} from './add';
​
add(3, 10)
​
ponit({x: 100, y: 200})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值