typescript 定义全局接口

要在 TypeScript 中定义全局接口，可以使用 `declare` 关键字来声明一个全局的接口类型。例如，我们可以声明一个名为 `GlobalInterface` 的全局接口，如下所示：

declare global {
  interface GlobalInterface {
    name: string;
    age: number;
    email: string;
  }
}

上面的代码中，我们使用 `declare global` 来声明一个全局作用域，并在其中定义了一个名为 `GlobalInterface` 的接口，该接口包含了三个成员：`name`、`age` 和 `email`。

接下来，我们就可以在 TypeScript 的任何地方使用这个接口了。例如，我们可以定义一个变量，类型为 `GlobalInterface`，如下所示：

let user: GlobalInterface = {
  name: 'John Doe',
  age: 30,
  email: 'johndoe@example.com'
};

上面的代码中，我们定义了一个名为 `user` 的变量，类型为 `GlobalInterface`，并初始化了它的值。这样，我们就可以使用 `GlobalInterface` 接口来定义全局的类型了。

相关问题

typescript 项目 定义全局接口

在 TypeScript 项目中定义全局接口，也可以使用 `declare` 关键字来声明一个全局的接口类型。不同的是，在项目中我们需要将全局接口定义放在一个单独的文件中，并将该文件的引用添加到 tsconfig.json 中的 `files` 或 `include` 属性中。

例如，我们可以在项目中创建一个名为 `global.d.ts` 的文件，用于定义全局接口：

declare global {
  interface GlobalInterface {
    name: string;
    age: number;
    email: string;
  }
}

然后，我们需要将该文件的引用添加到 tsconfig.json 文件中的 `files` 或 `include` 属性中，例如：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "dist",
    "strict": true
  },
  "files": [
    "global.d.ts",
    "src/index.ts"
  ]
}

上面的代码中，我们将 `global.d.ts` 文件添加到了 `files` 数组中，表示该文件是项目中的一个全局声明文件。这样，在 TypeScript 项目的任何地方，我们都可以使用 `GlobalInterface` 接口了。

TypeScript全局接口和局部接口

TypeScript中的全局接口和局部接口都是用来定义类型的。全局接口是在全局命名空间下定义的接口，可以在任何地方使用。而局部接口是在特定的作用域内定义的接口，只能在该作用域内使用。

例如，我们可以在全局命名空间下定义一个接口：

interface Person {
name: string;
age: number;
}

然后在任何地方使用它：

function greet(person: Person) {
console.log(`Hello, ${person.name}!`);
}

而局部接口则是在函数内部定义的接口：

function createPerson(name: string, age: number): { name: string, age: number } {
interface Person {
name: string;
age: number;
}

return {
name,
age
};
}

在这个例子中，我们只需要在函数内部使用Person接口，所以我们可以将其定义为局部接口。

总之，全局接口和局部接口都是用来定义类型的，只是在定义的作用域不同。