使用TypeScript的全局声明
是为了在TypeScript项目中使用第三方库或模块时，能够正确地识别和使用其类型信息。全局声明文件通常以.d.ts为后缀，用于描述全局变量、全局函数、全局对象等的类型。
全局声明文件的分类：
- 全局变量声明：用于声明全局变量的类型信息。
- 全局函数声明：用于声明全局函数的类型信息。
- 全局对象声明：用于声明全局对象的类型信息。
- 全局模块声明：用于声明全局模块的类型信息。
全局声明的优势：
- 类型检查：使用全局声明文件可以让TypeScript在编译时对第三方库进行类型检查，减少潜在的类型错误。
- 代码提示：全局声明文件可以提供代码编辑器的智能提示功能，方便开发人员使用第三方库的API。
- 代码可读性：通过全局声明文件，可以清晰地了解第三方库的接口和数据结构，提高代码的可读性和可维护性。
应用场景：
- 使用第三方库：当在TypeScript项目中使用第三方库时，可以通过全局声明文件提供类型信息，以便正确地使用库的API。
- 自定义全局变量和函数：在项目中定义全局变量和函数时，可以使用全局声明文件提供类型信息，以便在整个项目中使用和维护。
推荐的腾讯云相关产品：
腾讯云提供了一系列云计算相关产品，以下是其中几个与TypeScript开发相关的产品：
- 云服务器（CVM）：提供虚拟化的云服务器，可用于部署和运行TypeScript应用。产品介绍链接：云服务器
- 云函数（SCF）：无服务器函数计算服务，可用于运行无状态的TypeScript函数。产品介绍链接：云函数
- 云开发（TCB）：提供云端一体化开发平台，支持TypeScript开发，并提供数据库、存储、云函数等服务。产品介绍链接：云开发
以上是对使用TypeScript的全局声明的完善且全面的答案。
相关·内容
1回答
下面的声明风格在TypeScript文件中有什么作用吗？
/* globals console define require React async */
或者用TypeScript有不同的方式来实现这一点呢？
浏览 7提问于2017-01-22得票数 1
回答已采纳
我正在扩展默认的Vue对象
export default (Vue) => {
Object.defineProperties(Vue.prototype, {
$http: {
get () {
return axiosInstance
}
}
})
}
我使用的是typescript，当然typescript不喜欢这样。我如何创建一个特定于项目的.d.ts文件，在vue类型脚本声明中添加上述扩展名？
浏览 6提问于2017-03-31得票数 7
1回答
我正在使用一些旧的Sencha代码，这些代码是用旧风格的JavaScript编写的，我正在努力清理这些代码。这段代码太简单了，不能简单地拼写一个变量而看不到错误，因为没有任何东西被标记为全局的或未定义的。
我正在尝试使用ESLint来解决这个问题。ESLint正在有效地发现其他问题，比如var而不是let或const，==而不是===等等。但是，应该标记为未声明或全局的变量却被轻率地忽略了。例如：
'use strict';
Ext.define('mycompany.view.blah.blah.blah', {
extend: 'Ext.P
浏览 17提问于2022-05-03得票数 1
回答已采纳
在过去的24小时里，我花了很多时间学习：
代码是如何工作的
TypeScript是如何工作的
TypeScript编译器(tsc)的工作原理
这三款软件是如何整合在一起的？
不到一天的时间(!)最后，我成功地编写了一些基本的TypeScript并将其编译成Javascript。
当我发现TypeScript编译器(tsc)不仅编译了静态的类型标签，而且还转移到了其他类型的标签时，我的狂喜情绪有点低落。
const
转入：
var
我说的是沉默，但实际上我有点害怕。
然后，我发现tsc的默认转移溢出目标是ECMAScript 3。
事实证明，我可以
浏览 1提问于2020-11-20得票数 1
回答已采纳
我喜欢定义一个全局可用的帮助器
global.p = console.log.bind(console)
所以我可以使用p('some message')而不是console.log('some message')。
但是TypeScript抱怨说p是未定义的。有没有办法告诉TypeScript编译器在每个文件中都有一个全局变量p？
浏览 0提问于2017-12-13得票数 3
我只想在打字时使用TypeScript。我不想使用类、接口，甚至不想使用TypeScript定义。原因是我使用了一些没有jQuery定义的TypeScript插件，而且由于时间的限制，我无法编写它们。
我一直读到，我应该能够在没有其他特性的情况下使用类型，因为TypeScript是基于JavaScript的，但我真的找不到一种方法。考虑下面的代码。我没有使用jQuery类型定义，因此我得到了“无法找到名称$”。而且，如果TypeScript定义不涵盖我使用的所有内容，我也不想使用它们。
因此TS文件不会被转到JS文件中。而2015中的生成失败。
我的问题是-我如何在Visual 2015中工作
浏览 3提问于2016-11-28得票数 0
回答已采纳
在Typescript 3.6.3中，我想为没有@types包的模块创建一个声明。 其中一个函数参数是在另一个定义了类型的模块中定义的。 geobuf.d.ts import Pbf = require('pbf');
declare module 'geobuf' {
export function encode(obj: any, pbf: Pbf): Uint8Array;
} 然而，当我这样做时，TypeScript似乎想要在模块增强模式下工作(可以理解，因为我在声明文件中有一个导入)。我得到了错误： TS2665: Invalid module
浏览 21提问于2019-10-08得票数 0
我正在使用TypeScript构建一个Nuxt项目，并且需要访问window.__NUXT__，因为我想使用。
beforeMount() {
const results =
(this.$nuxt.context && this.$nuxt.context.nuxtState.algoliaState) ||
window.__NUXT__.algoliaState
this.instantsearch.hydrate(results)
// Remove the SSR state so it can't be applied aga
浏览 2提问于2021-10-18得票数 1
训练我的TypeScript和棱角技能。首先，现在通过将的两个脚本转换为 file TypeScript，我能够转换滚动脚本，但是YouTube API有问题，因为它是一个远程外部JS文件，而不是SystemJS模块。
加载了模块之后，我没有让API触发模块的函数。因此，我发现使用“等待导入”应该是可行的方法，但它并不奏效。
SystemJS.config({
map: {
youtube: "https://www.youtube.com/iframe_api"
},
meta: {
"https://www.youtube.com/iframe
浏览 0提问于2018-10-03得票数 0
回答已采纳
我使用带电子的TypeScript，我想使用WebContents的类型定义。WebContents类不会直接在API中公开，因此不会编译：
// I'd like to set the return type to WebContents, but TypeScript can't
// find that type
import { webContents } from 'electron';
export function getWebContents(id: number) : WebContents {
return webContents.ge
浏览 0提问于2016-08-20得票数 3
回答已采纳
基本上在pre-Typescript时代，可以做到以下几点： Boolean.prototype.foo = function() {
console.log(`I am boolean ${this}.`)
}
let truth = Boolean(true)
let lie = Boolean(false)
typeof truth // boolean
typeof lie // boolean
truth.foo() // I am boolean true
lie.foo() // I am boolean false 如果在TypeScript中执行上述操作，将会产生
浏览 21提问于2021-08-24得票数 0
回答已采纳
我有一个TypeScript项目，它是用"target": "es5"编译的。我使用core-js的Set，所以在我的项目中安装了core-js和@type/core-js。但是，由于核心js d.ts包含了Set和Map (以及其他ES6特性)的全局声明，TypeScript编译器允许我使用它们，这显然不能在旧浏览器中工作。
我不能将core.d.ts排除在构建之外，因为我显然需要它作为接口。
编译器是否有办法阻止我使用ES6特性，并且仍然使用core-js及其相应的类型定义？
浏览 1提问于2017-02-05得票数 2
使用中描述的技术，我尝试使用Moment.js扩展TypeScript项目中的Date原型。
如所述，扩展了Date原型：
interface Date {
myExtension: () => string;
}
if (!Date.prototype.myExtension) {
Date.prototype.myExtension = function(): string {
return 'some value derived from a date';
};
}
但是，一旦我导入Moment.js，通过向我的文件中添加以
浏览 1提问于2019-09-03得票数 0
回答已采纳
是否可以将Typescript编译器配置为将某些符号识别为全局变量？
例如，现在您可以用以下命令告诉编译器代码中存在一个符号：
declare var MY_GLOBAL: number;
但是如果你需要在许多不同的文件中使用这个变量，最好在tsconfig.json中让Typescript知道它，这样你就不必在使用这个变量的每个文件中都使用这一行。这个是可能的吗？
浏览 3提问于2016-09-16得票数 2
回答已采纳
我正尝试在我的TypeScript项目中使用dynamo-cache npm模块。基本上，该模块向AWS.DynamoDB.DocumentClient添加了一个新方法
AWS.DynamoDB.DocumentClient.prototype.configCache = function(config) { ... }
这样，在任何AWS.DynamoDB.DocumentClient上调用configCache()都将启用缓存。但是，TypeScript并不知道这种方法。我试着像这样声明一个接口
interface AWS.DynamoDB.DocumentClient {
con
浏览 7提问于2018-08-23得票数 0
我正在使用- tsc版本3.3.3333，试图学习typeScript，但是一个持续的错误不断显示出来。
即使我确保变量名是唯一的
let adasdasdasdasdasddf: string;
adasdasdasdasdasddf = "why error";
console.log(adasdasdasdasdasddf);
错误是：
如果我将"export{};"用于解决此问题，则浏览器中将显示另一个错误：
未定义的ReferenceError:导出未在typeS_1.js:2中定义
在不使用“导出{}”的情况下，是否有适当的方法解
浏览 0提问于2019-02-26得票数 1
回答已采纳
许多库都是为web、Node服务器和移动应用程序(如React Native )编写的。因此，它们可以通过<script />标签、对require()的调用或使用现代import关键字来包含，特别是如果您正在使用像Webpack这样的工具或像React Native这样的框架。
因此，它们的TypeScript依赖项通常不仅使用export关键字公开类型，而且还公开全局命名空间中的类型。这允许在浏览器上使用TypeScript并包含库(可能来自使用<script />标记的CDN)的代码使用在这些环境中全局可用的类型。
例如，jquery、big.js和更多的库都使用
浏览 1提问于2018-10-03得票数 1
1回答
我有一个现有的名为app.min.js的Javascript文件，它附带了一个网站模板。该文件定义了一个名为pageSetUp的函数，需要在加载DOM时调用该函数。
我创建了一个名为TypeScript的app.d.ts定义文件，其内容如下：
interface App {
pageSetUp();
}
它在TypeScript文件中引用如下：
/// <reference path="../typings/app.d.ts"/>
但是，当向该类的构造函数添加以下行时，如下所示：
module ViewModel {
export class Ta
浏览 1提问于2014-07-27得票数 1
回答已采纳
1回答
作为关于具体使用bowser DefinitelyTyped定义文件的后续操作，我按照问题中的答案实现了import语句，并取得了进一步的进展。然而，现在TypeScript编译器抱怨说，在所有bowser导入废话之前编译的代码都是非常好的。
假设我有MyBowserClass.ts：
import bowser = require('bowser');
namespace MyNamespace {
export class MyBowserClass {
constructor() {
var isIos = (type
浏览 4提问于2016-08-24得票数 0
回答已采纳
1回答
ES5没有Promise，请参见示例。但是，ES5的TypeScript库包含Promise定义：。为什么？
浏览 0提问于2020-05-20得票数 1
1回答
在Google脚本中，我使用的是，它使用默认的符号"Calendar"，但我将它重命名为"CalendarService“。当在一个项目中使用TypeScript时，我需要做什么包括这个名称更改？
直接修改类型定义文件是我不愿意做的事情，因为它是一个已安装的npm包。
// ./node_modules/@types/google-apps-script/apis/calendar_v3.d.ts
// https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/google-apps-scr
浏览 4提问于2021-01-22得票数 0
回答已采纳
我正在将一个网站转换为使用TypeScript，我只是将许多JavaScript文件中的一个转换为TypeScript。我的站点的所有页面都已经引用了moment.js，例如：
<script src="/scripts/moment.min.js"></script>
我使用以下方法添加了其他TypeScript定义文件：
npm install --save-dev @types/jquery
..。但是，就目前而言，上述选择似乎是错误的。当我使用上面的命令时(但是用‘When’代替'jquery')，就会下载一个自述文件，上面写着：
浏览 11提问于2017-02-14得票数 19
回答已采纳
关于TypeScript，有一个问题一直困扰着我--我应该把伴随给定类的类型/接口放在哪里？它们很多，并且在代码库中使用，所以我不希望总是导入它们，而是像普通的原语(例如string、number等)那样通过全局可用的方式来使用它们。
浏览 29提问于2019-10-08得票数 1
回答已采纳
1回答
我有一个使用d3库的应用程序。在typescript代码中，为了成功地使用d3 (即没有编译器错误的情况下，d3引用了一个UMD全局变量，但当前文件是一个模块)，我必须包括一行：import * as d3 from 'd3'; Problem with that is TS2686：require('d3'); In JavaScript。这不是我们应用程序中的d3库所在的位置。它位于web应用的根目录下，名为'd3‘的目录中。此外，我根本不需要在JavaScript中使用它，因为我们的index.html将它作为全局变量加载。我很难弄清楚如何获得Ty
浏览 3提问于2018-01-18得票数 11
回答已采纳
我需要在我的index.html文件中定义一个变量，并在我的angular4/typescript代码中使用它，但我得到了一个编译错误。
我的编译错误是：
Error:(109, 27) TS2339: Property 'standalone' does not exist on type 'Window'.
HTML中的变量定义为: var standalone = 'true'；
System.import('app').catch(function (err) {
console.error(err
浏览 0提问于2018-01-04得票数 2
1回答
运行我的webpack开发服务器时，Typescript出现此错误 ERROR in ./src/components/allowcated-resources/AllowcatedResources.tsx
Module not found: Error: Can't resolve 'my-scheduler' in 'mypath\allowcated-resources'
@ ./src/components/allowcated-resources/AllowcatedResources.tsx 3:0-41 77:20-28
@ ./s
浏览 26提问于2019-07-01得票数 0
我为react-native-simple-radio-button创建了一个非常简单的自定义声明，放在src/@types/react-native-simple-radio-button/index.d.ts下面
import { Component } from 'react';
declare module 'react-native-simple-radio-button' {
export default class RadioForm extends Component {}
}
在我的代码中，我有import RadioForm from
浏览 2提问于2019-08-13得票数 0
1回答
我有一些用css模块和手写笔组合编译的styles.istyl文件，用的是webpack。如果没有d.ts文件，TypeScript将无法识别它，并发出file is not a module错误。
同时，我为每个这样的文件创建了一个.d.ts文件，如下所示：
declare var whatever: any;
export default whatever;
来消除错误，但这很乏味(我们有几十个这样的文件)。
是否可以告诉TypeScript，如果一个文件匹配*.istyl (或任何其他任意模式)，则禁用检查该文件是否为模块？
浏览 5提问于2017-02-08得票数 1
回答已采纳
我有这个TypeScript + React + Webpack + Jest +酶完全工作。
我觉得需要在我的测试规范中访问一些全局函数。我可以通过将Jest配置中的选项指向一个.js文件来做到这一点，我有如下所示：
const Enzyme = require("enzyme");
const React = require("react");
const getMuiTheme = require("material-ui/styles/getMuiTheme").default;
global.mountWithContext = (
浏览 1提问于2017-01-27得票数 10
回答已采纳
我在一个文件中有以下代码：
function refreshGridSuccess(responseText, entity) {
oTable = $('#dataTable').dataTable({
"sScrollX": "100%",
在另一个文件中，我有：
$('#detailData')
.on('click', '.sort-up', function (event) {
event.preventDefault();
浏览 0提问于2012-11-11得票数 5
我在一个使用Jest进行测试的Typescript项目中使用VS Code。出于某些原因，VS Code认为Jest全局变量不可用：
我在我的dev依赖项中安装了Jest typedefs。
"devDependencies": {
// ...truncated
"@types/jest": "^20",
"jest": "^20.0.4",
"ts-jest": "^20.0.7",
"ts-node": "
浏览 130提问于2018-04-01得票数 4
回答已采纳
什么是“声明全局”？它是如何实现的？我在Lodash类型中找到了这段代码。问题是，当我试图将它复制到my.d.ts文件中时，因为全局不是命名空间、模块、函数或变量，所以我不被允许这样做。所以问题是如何在Typescript中实现这个声明。
PS所以也许有一些额外的编译器选项可以实现这一点？
declare global {
interface Set<T> { }
}
浏览 0提问于2019-07-15得票数 24
回答已采纳
我使用TypeScript为React使用Kendo UI。我正在尝试使用"typeof import“为TypeScript导入Kendo UI类型。
按照上的说明，我安装了kendo-ui类型：
npm install --save @types/kendo-ui
我添加了这行
declare var Grid: typeof import("kendo-ui");
添加到我的.tsx文件。
但是，这给出了错误消息
@types/kendo-ui/index.d.ts is not a module
用于"import("kendo-ui")
浏览 5提问于2018-08-30得票数 1
回答已采纳
在我的IDE中，所有的.ts TypeScript文件都编译成一个文件。这包括我的单元测试文件。这允许我在测试中进行类型检查，并在一步内完成构建。但是，当我引导我的dev服务器时，它找不到describe()方法，所以如果没有定义它，我就重载它。
// If jasmine functions are not defined (i.e. not running tests) skip functions
if (describe === undefined) {
var describe = (function () { // Duplicate identifier 'descr
浏览 5提问于2015-04-10得票数 2
回答已采纳
我目前正在将TypeScript引入到一个现有的Vue2 2/Nuxt(v2.15)项目中，并且遇到了一个问题。在一个页面上，我通过CDN引入了。由于它位于折叠下面，所以我懒洋洋地通过一个script标记加载它，该标记在文档完成加载后创建。我在其他地方的其他第三方代码中使用了这种方法。
// helpers.ts
export const onLoad = (callback: Function, delay = 1) => {
if (document.readyState === "complete") {
setTimeout(() => cal
浏览 7提问于2022-04-08得票数 2
我在VS代码中使用jsCheck设置，它使用TypeScript来验证我的代码。有一个由后端端生成的代码设置的全局服务(是的，遗留的)，它在许多地方都是Service.get(...);引用的。
我如何告诉打字本相信服务是存在的，并且有一个特定的合同？我必须为此创建d.ts文件吗？这能用JSDoc实现吗？
浏览 1提问于2019-11-22得票数 0
回答已采纳
我正在编写three.js代码，并在设置中启用了TypeScript定义。但没有任何效果。我下载了，检查了一下，但是什么也没发生。所有的three.js代码都加了下划线，并且WebStorm写道没有导入。完整日志：
Missing import statement less... (Ctrl+F1) Checks that all modules are referenced through import statements. Suggests inserting the import statement. When using libraries that define their ow
浏览 1提问于2017-09-23得票数 0
对于我正在进行的半教育侧项目，我有一个TypeScript interface，它在实现它的任何对象上公开一个id变量。在这个应用程序中，存在这些Array<>对象是相当普遍的。
由于这个应用程序不使用数据库，所以我要做的是实现一个自动增量器，用于跟踪这些IIdable的列表。
Array<MyProject.Models.IIdable>.prototype.getNextId = () => {
let biggestId: number = 0;
for (let current of this) {
if (current.
浏览 0提问于2018-10-16得票数 7
回答已采纳
2回答
在使用MVC时，我有时通过将Razor注入到JavaScript中将服务器的模型数据传递给客户端JavaScript，如下所示：
<script type="text/javascript">
var myClientGuid = '@Model.MyServerGuid';
</script>
这会将名为JavaScript的myClientGuid变量设置为服务器端模型属性MyServerGuid的值。当它到达客户端时，浏览器中的代码如下所示：
<script type="text/javascript"
浏览 1提问于2012-10-09得票数 16
回答已采纳
我正在尝试用typescript编写一个项目，但我使用的是javascript库，我想知道如何在我的typescript项目中使用javascript库中的变量。具体内容如下：
我有3个文件: js库：index.js、typescript文件：simulator.ts和html文件：simulator.html
在我的index.js中，我想访问变量ctx，它被声明为：
var car_no = 10;
var canvas = document.getElementsByTagName("canvas")[0];
var ctx = canvas.getContext(&#
浏览 1提问于2017-10-27得票数 1
2回答
我想在typescript中从angular 2模块访问google api库。如何做到这点。当我尝试访问(gapi)时，我得到了未定义的。在angular 2中有没有可以作为typescript库工作的NPM模块，我可以使用它，或者必须使用js文件。
以下是模块代码和库参考：
<script src="https://apis.google.com/js/client.js?onload=handleClientLoad"></script>
。
@Component({
selector: "main-app",
浏览 0提问于2016-03-29得票数 4
回答已采纳
当试图从在' express - request -id‘中间件中定义并在typescript声明文件中声明的express request对象中读取属性时，它抛出错误。
我的d.ts文件定义如下：
(server.d.ts)
<code>A0</code>
这应该是正确的。根据我的研究，唯一不起作用的方法就是不好地引用它。我引用它的方式是通过我的tsconfig中的<code>D1</code>字段，如下所示：
<code>A2</code>
产生错误的代码片段如下：(server/middleware/reqT
浏览 15提问于2020-08-06得票数 1
有人在打字场工作过吗？在谷歌上搜索，但它似乎没有。
将这个库绑定到我的Browserify项目中，没有任何成功。
我为headroom.js的0.9.3版本提供了这个类型文件
节点模块安装为node_modules/headroom.js/ (是的，它是一个文件夹；我以前从未见过这样命名的节点模块)。
按package.json的主要条目是node_modules/headroom.js/dist/headroom.js
当我试图将模块导入我的应用程序时，它是找不到的。
{ [TypeScript error: resources/assets/typescript/ap
浏览 1提问于2016-08-12得票数 1
回答已采纳
我通过CDN使用mapquest api，并在我的typescript代码中将其声明为"declare let L: any;“。当我尝试编写单元测试并运行测试套件时，我得到一个错误"ReferenceError: l is not defined“。 我使用Angular 8和Jest作为测试跑步器。请让我知道，如何在单元测试中包含声明。提前感谢
浏览 38提问于2020-04-14得票数 0
我得到了这个错误：error TS2451: Cannot redeclare block-scoped variable 'cucumber_1'.
我用的是webdriverIO 5，黄瓜和打字机。这是以前没有发生过的。
这是我的package.json
{
"name": "webdriverio_v5_typescript",
"version": "1.0.0",
"description": "Boilerplate project using version 5 Webd
浏览 0提问于2020-07-18得票数 0
我有一个使用angular cli生成的angular 2应用程序。我正在使用typescript。当我使用：const createLogger = require('redux-logger');导入redux-logger时失败
错误是：
The Broccoli Plugin: [BroccoliTypeScriptCompiler] failed with:
Error: Typescript found the following errors:
/Users/abdul.badru/2016/Development/BudgetSoftware/app/budge
浏览 2提问于2016-09-01得票数 1
1回答
在浏览器上运行之前，我正在用TypeScript编写一个程序，并将代码编译成JavaScript。这是我的package.json脚本：
"scripts": {
"clean": "rm -rf dist/",
// gsap.min.js is under ts/src/lib/
"build": "tsc && copyfiles -u 1 ts/src/lib/* dist/"
},
但是，我不能在TypeScript文件中引用TypeScript，因为我认为这是因为tsc没有读
浏览 15提问于2022-09-24得票数 2
回答已采纳
我正在尝试将我的JS项目移植到TypeScript
在开发过程中，我遇到过这样的问题: TypeScript无法识别我在WDIO配置中的before钩子中声明的Nodejs全局变量：
...
let chai = require('chai');
...
before: async function (capabilities, specs) {
//setting global variables
global.foo = "bar"
global.expect= chai.expect;
glo
浏览 11提问于2020-05-08得票数 3
回答已采纳
当使用.d.ts模式导入类型( import x = require('...') )文件时，语义会在使用package.json 条目时发生变化。
例如，以下声明文件在没有使用package.json typings条目但与typings条目一起使用时生成错误TS2656 (Exported external package typings file is not a module)时成功导入：
declare module 'mymodule' {
export function myfunc(source: string): string;
}
而同一
浏览 5提问于2016-01-06得票数 5
回答已采纳
如何告诉TypeScript使用Datejs作为Date而不是内置的Date对象？
我尝试添加对js文件的引用，并将日期声明为any类型，即declare var Date: any;，但这无助于修复错误。
编辑：--我发现了问题，但它谈到了如何指定要包含的方法。我想知道是否有可能让它打开，只需关闭类型检查的日期；
浏览 5提问于2013-01-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
