欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在ts文件中引入js模塊編寫聲明文件的寫法示例

 更新時(shí)間：2023年08月29日 09:25:29   作者：z1625000762  
這篇文章主要給大家介紹了關(guān)于在ts文件中引入js模塊編寫聲明文件的寫法示例,TypeScript是JavaScript的超集,TypeScript會(huì)進(jìn)類型檢查,需要的朋友可以參考下

 一、聲明文件的作用

在ts文件中引入js文件，由于js代碼中沒有類型約束，所以ts無法獲得js代碼的類型信息，進(jìn)而會(huì)隱式推斷js中類型為any,失去了ts代碼類型推斷和約束的作用，聲明文件就是將一個(gè)js模塊中所有對(duì)外暴露的變量、函數(shù)、類使用ts語法進(jìn)行類型聲明，進(jìn)而讓ts編譯器在檢測(cè)到該聲明文件之后（只要被檢測(cè)到寫在哪都可以）就可以獲取js文件中對(duì)應(yīng)變量、函數(shù)、類的類型信息

二、聲明文件的寫法

1、需要導(dǎo)入的*.js代碼

/*test.js*/
//導(dǎo)出變量
export const test1 = '變量'
//導(dǎo)出函數(shù)
export function test2(name){
    return name
}
//導(dǎo)出類
export class Test3{
    name='類'
    constructor(){
        console.log(this.name);
    }
}

2、js代碼的*.d.ts聲明代碼

/*test.d.ts*/
//聲明模塊(被匹配的文件都屬于該模塊)
declare module '*/test.js'{
    //聲明變量類型
    export const test1:string
    //聲明函數(shù)類型
    export function test2(name:string):string
    //聲明class接口
    interface Tests{
        name:string
        //new()代表構(gòu)造函數(shù)
        new():Tests
    }
    //聲明class類型
    export const Test:Tests;
}

3、引入ts文件

/*test.ts*/
import { test1,test2,Test } from './test.js'
console.log(test1);
console.log(test2('函數(shù)'));
new Test()

4、運(yùn)行結(jié)果

三、聲明文件的配置

聲明文件必須被ts檢索到，如果聲明文件不生效需要到tsconfig.json文件中添加

{
  "include": ["*/*.ts"] //需要檢索的文件位置
}

詳細(xì)內(nèi)容：
介紹 · 聲明文件 · TypeScript中文網(wǎng) · TypeScript——JavaScript的超集 

總結(jié)

到此這篇關(guān)于在ts文件中引入js模塊編寫聲明文件的文章就介紹到這了,更多相關(guān)ts引入js模塊編寫聲明文件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論