1. El papel del documento de declaración
Introduzca el archivo js en el archivo ts. Dado que no hay restricción de tipo en el código js, ts no puede obtener la información de tipo del código js, y luego inferir implícitamente que el tipo en js es cualquiera, lo que pierde el papel del código ts inferencia de tipo y restricción, y declara el archivo Es declarar todas las variables, funciones y clases expuestas al mundo exterior en un módulo js usando la sintaxis ts, para que el compilador ts pueda obtener el archivo js después de detectar el archivo de declaración (como siempre que se detecte y se escriba en cualquier lugar) Escriba la información correspondiente a las variables, funciones y clases en
2. Cómo redactar el documento de declaración
1. El código *.js que debe importarse
/*test.js*/
//导出变量
export const test1 = '变量'
//导出函数
export function test2(name){
return name
}
//导出类
export class Test3{
name='类'
constructor(){
console.log(this.name);
}
}2. *.d.ts código de declaración de código js
/*test.d.ts*/
//声明模块(被匹配的文件都属于该模块)
declare module '*/test.js'{
//声明变量类型
export const test1:string
//声明函数类型
export function test2(name:string):string
//声明class接口
interface Tests{
name:string
//new()代表构造函数
new():Tests
}
//声明class类型
export const Test:Tests;
}3. Importe el archivo ts
/*test.ts*/
import { test1,test2,Test } from './test.js'
console.log(test1);
console.log(test2('函数'));
new Test()4. Ejecución de resultados
3. Configuración del archivo de declaración
El archivo de declaración debe ser recuperado por ts. Si el archivo de declaración no tiene efecto, debe agregarse al archivo tsconfig.json
{
"include": ["*/*.ts"] //需要检索的文件位置
}