Typescript - 定义全局接口 interface

923 阅读1分钟
1、方式一:定义全局不使用 export、export default导出
// 1、声明全局变量:typings/module.d.ts
interface Person {
    name:string, 
    age:number
}


// 2、直接使用
const per:Person = {
    name: "上三",
    age: 19
}
console.log("per", per)
2、方式二:定义局部使用 export、export default导出
// 1、声明全局变量:typings/module.d.ts
export interface Person {
    name:string, 
    age:number
}


// 2、修改 tscofig.json 的配置
"baseUrl": "./src", // 跟路径
"paths": {
    // 方式一:统一导出
    "*": ["typings/*"], // import sss from "文件夹名称"
    
    // 方式二:分别导出
    ":module": [
        "typings/module.d.ts" // import sss from ":module"
        ...
    ], 
}


// 3、 使用
import {Foo, Person} from ":module"
const per:Person = {
    name: "上三",
    age: 19
}
console.log("per", per)