as关键字在typescript中的用法
在TypeScript中，as关键字用于类型断言，它允许开发者手动指定一个值的类型。
类型断言有两种形式：
- 尖括号语法：
- 尖括号语法：
- 在这个例子中，我们将
someValue断言为string类型，并使用.length属性获取字符串的长度。 - as语法：
- as语法：
- 这个例子与上面的例子等价，只是使用了
as关键字进行类型断言。
as关键字的使用场景包括但不限于以下几种：
- 当开发者比编译器更了解某个值的类型时，可以使用
as关键字来告诉编译器该值的确切类型。 - 当从一个联合类型中获取一个更具体的类型时，可以使用
as关键字进行类型断言。 - 当使用一些第三方库或框架时，可能会遇到类型不完整或不准确的情况，可以使用
as关键字来强制指定类型。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我正在使用Node.js/Express和TypeScript，并且想知道router文件是否应该封装成一个类？
对我来说，这似乎是毫无意义的，因为中间件和路由器只是一个变量。
在使用TypeScript时，我是否应该这样做以遵循面向对象的设计原则？
浏览 0提问于2016-03-03得票数 0
回答已采纳
我试图在一个d.ts文件中创建一个带名称空间的接口，以便在另一个使用相同名称空间的文件中使用，但是我的集成开发环境在新文件中用消息Cannot find name 'IProps'. ts(2304)标记了这个接口。 我已经全局安装了Typescript 3.3.333333。我的VScode集成开发环境状态栏显示Typescript 3.3.3。 /*
t.d.ts
*/
import {Map} from 'immutable';
declare namespace Configs {
export type Power = {
浏览 53提问于2019-03-23得票数 0
在TypeScript中，
import http = require('http');
和
var http = require('http');
我看到这两种方式都在代码源代码中使用，它们是可互换的吗？
浏览 2提问于2015-04-25得票数 23
回答已采纳
WebStorm为TypeScript提供了一个很好的特性:我可以右键单击*.html文件中的函数引用，无论是在脚本标记中还是在dom元素的事件处理程序中(例如'onclick')，当我选择Go To TypeScript时，它给了我选择TypeScript定义的选项，这样我就可以直接跳到TypeScript代码了。
我正在Visual 2013中尝试做类似的事情。由于Visual似乎不支持这一点，所以我尝试了一种我认为可能有效的黑客。我定义了一个带有"links.ts“文件名的”链接“文件，它实际上包含100%有效的JavaScript，但是链接到在其他TypeScr
浏览 2提问于2014-02-17得票数 2
回答已采纳
我在index.html函数中定义了一组普通的JS函数。我想声明这些函数，以便能够在TypeScript文件中使用它们。这就是我要做的：
declare function getHtmlBasePath(): String;
declare function fbFetchedLoginStatus(): boolean;
declare function getFbAccessToken(): String;
declare function setFbAccessToken(token: String);
但是，为了避免在使用这些文件的每个TypeScript文件中声明这些文件，我想在一个
浏览 23提问于2017-12-26得票数 0
在我的web应用程序中，我正在使用Typescript，并希望使用FB函数示例:来自Typescript的api、login等。
在编译使用FB.init()的typescript代码时，我得到以下错误：
Supplied parameters do not match any signature of call target.
Cannot find name 'FB'.
浏览 0提问于2015-04-05得票数 8
回答已采纳
我在TypeScript中有两个模块：
module superModule {
export interface myInterface { /*...*/ }
}
module app.superModule {
var x: superModule.myInterface;
}
注意，有两个不同的"superModule“模块。一个在根中，第二个作为app模块的子模块。
上面的代码是在缺少"myInterface“接口时计算的，因为编译器只在app.superModule中搜索。
如何从子模块superModule访问“根”superModule？
TypeSc
浏览 0提问于2013-12-18得票数 2
回答已采纳
我让webpack和巴贝尔编译Typescript，但他们似乎不知道如何处理typescript中的private关键字。一般来说，他们似乎对Typescript没有问题，我可以编译文件。所以我想知道我是否需要做一些配置更改，但谷歌搜索没有帮助。 你怎么才能让webpack和巴贝尔善用Typescript的私有关键字呢？ .babelrc {
"presets": [
"@babel/preset-env",
"@babel/preset-typescript",
"@babel/
浏览 32提问于2020-08-17得票数 1
我无法构建我的ionic 2应用程序。Serving在更改文件后工作。
在ionic serve上，我得到以下错误消息：
[07:36:10] ionic-app-scripts 1.0.0
[07:36:10] watch started ...
[07:36:10] build dev started ...
[07:36:10] clean started ...
[07:36:10] clean finished in 1 ms
[07:36:10] copy started ...
[07:36:10] transpile started ...
[07:
浏览 0提问于2017-02-21得票数 7
我正在尝试在我的angular应用程序中实现一个区块链系统。我已经创建了一个带有类实现和crypto import语句的typescript文件。
import * as crypto from 'crypto';
class Blockchain {//blockchain code here}
但是，当我将这个类导入到我的angular组件中时。我得到这个编译时错误‘模块找不到:错误:无法解析’加密‘在’...‘；
我使用的是Angular 12 node v16.3.0 typescript v4.1.5
提前谢谢你
浏览 5提问于2021-03-27得票数 1
当我将string转换为ObjectId时，我使用
import * as mongoose from 'mongoose';
const objId = mongoose.Types.ObjectId(strId);
它在TypeScript 1.x中运行良好，在更新到TypeScript 2.x之后，我得到了错误：
错误TS2348:类型‘ObjectID’的值不可调用。你的意思是包括“新”吗？
我该怎么解决呢？谢谢
浏览 2提问于2016-08-14得票数 7
回答已采纳
我使用的是next.js、react和typescript。
当我使用switch作为变量名时，我得到一个typescript错误。
我如何避免这个错误？
'switch' is not allowed as a variable declaration name.ts(1389)
const Template: Story = (args: AtomSwitchProps) => <Switch {...args} />;
export const switch = Template.bind({});
switch.args = {
};
浏览 0提问于2021-04-02得票数 1
由于flow和typescript在许多方面非常相似，我想知道是否可以从flow代码生成typescript声明文件。或者以另一种方式从typescript生成流代码。
那么有没有人知道这是否可能呢？
如果可能的话，有没有现有的工具？
浏览 0提问于2017-01-17得票数 5
我刚刚注意到，当尝试在TypeScript中创建接口时，“类型”要么是关键字，要么是保留字。例如，在创建以下界面时，在TypeScript 1.4的Visual Studio2013中，“类型”显示为蓝色：
interface IExampleInterface {
type: string;
}
假设您随后尝试在类中实现该接口，如下所示：
class ExampleClass implements IExampleInterface {
public type: string;
constructor() {
this.type = "Exa
浏览 2提问于2015-07-12得票数 131
回答已采纳
1回答
尝试typescript，我想实现以下几点：
从服务器获取问题文本和数字，并使用typescript将其显示在DOM中的某个位置。
目前我有以下.ts文件：
class QuestionResponse {
constructor(public questionText, public questionNumber) {
}
}
function questioner(question: QuestionResponse) {
return '<div data-val-id="${QuestionNumber}"> ${Quest
浏览 0提问于2015-08-17得票数 7
回答已采纳
我使用的是TypeScript，并且有一个具有List<string>类型属性的C#类。我需要在TypeScript中拥有相同类型的属性。
如何在List<string>类型的TypeScript类中声明属性
浏览 1提问于2014-04-21得票数 19
我想使用Chartjs(chartjs.org)作为我的图表工具，以及使用TypeScript的AngularJS。我已经从GitHub安装了用于Chartjs的DefinitelyTyped，以便在我的TypeScript编写的控制器中包含Chartjs图表的创建。我找不到任何关于做这件事的相关问题。
我只需要知道如何使用DefinitelyTyped将数据填充到图表中。
浏览 0提问于2015-04-27得票数 4
回答已采纳
1回答
我使用的是一个TypeScript混合应用程序(分别为9.07、1.5.11和3.7.5版本)。我们所有的HTTP请求，甚至是由新的角组件生成的请求，都使用了一个包装器服务，该服务是在普通Javascript中实现的，最初是与应用程序的“遗留”AngularJs端一起开发的，其方法返回由AngularJs $http服务生成的$http承诺。因为该服务是普通的Javascript，所以输入返回值并不是问题，因为TypeScript认为它们只是一个any，它非常乐意让我将其转换为一个IPromise<TReturnType>。
我的问题是，这些承诺是否与async和await在Typ
浏览 0提问于2020-06-03得票数 4
回答已采纳
1回答
尝试将这个变量重命名为：assetPayoutType改为payType，但是因为我在TypeScript中工作，所以有一个问题。TypeScript认为有一种叫做payType的类型。
const { title, assetPayoutType } = this.props;
mapDailyAssets(assetPayoutType: string)
这是行不通的：
mapDailyAssets(assetPayoutType: payType: string)
我在StackOverflow上搜索了两个没有回答这个问题的答案。
答案描述了一个非类型记录/常规Javascript简
浏览 0提问于2018-09-24得票数 6
回答已采纳
1回答
(以及它的后代，如、等)根据定义为接口。
如果我想用TypeScript实现这些接口，我可以执行以下操作。
class CustomElement implements HTMLElement {
// implementation
}
然而，在TypeScript中实现接口并不会生成任何代码，因此很难看到如何使用纯JavaScript实现接口。
如何使用纯JavaScript实现这些接口？
浏览 2提问于2014-02-17得票数 3
回答已采纳
2回答
我正在看一个typescript教程，有一次我不得不写这行代码
var squareItSimpler = function(h:number, w:number) => h * w;
但我就是不能让它工作。我一直收到错误信息
The command "C:\Program Files (x86)\Microsoft SDKs\TypeScript\tsc.exe" --module AMD --target ES3....exited with code 1
我不知道该怎么做，我是不是做错了什么？
有趣的是，休眠是有效的：
var squareItSimplest =
浏览 0提问于2013-07-05得票数 2
回答已采纳
我有一个使用GraphQl的react typescript应用程序。直到昨天，一切都运行正常，但现在我在执行命令"yarn run relay && react-scripts start"时收到了一个奇怪的错误
"relay": "relay-compiler --src ./src --schema ./src/modules/open-cti/schema.graphql --language=typescript --extensions=ts --extensions=tsx",
有人能帮我解决这个问题吗?我用的是no
浏览 11提问于2021-02-14得票数 0
回答已采纳
我试图将一个nodejs项目转换成TypeScript，虽然在这个过程中我并没有遇到真正困难的障碍，但代码库很少遇到这样的陷阱，主要是在启动代码中：
function prepareConfiguration() {
let cloudConfigLoader = require('../utils/cloud-config');
return cloudConfigLoader.ensureForFreshConfig().then(function() {
//do some stuff
});
浏览 0提问于2018-07-22得票数 0
在Nodejs中，我有一个名为variables.js的页面，它看起来像这样：
exports.var1= 'a';
exports.var2= 'b';
这个文件将我在应用程序中使用的变量都保存在一个位置。
然后在另一个页面中，我使用以下命令调用此页面：
var variables= require('./variables');
现在，我可以像这样访问该页面的变量sin，例如：
alert(variables.var1);
我想在angular2 (typescript)中做同样的事情。我尝试过使用出口和进口，但我不能让它工作。如何在angu
浏览 0提问于2016-06-06得票数 10
回答已采纳
我在我的Ionic 2项目中使用typescript。如何调试我的typescript文件？我试着在没有webpack文件的情况下，但这不是一个很好的解决方案！！你能帮我吗？
浏览 3提问于2016-01-29得票数 5
我是第一次使用Typescript，这是我第一次使用async和await。我有一个express终结点，它不是异步的。在内部，我有一个似乎需要等待的for循环。在TypeScript中迭代这个循环的常用方法是什么？ app.get("/", function (req, res) {
const resultIterator = client.query(
'SELECT username FROM users;'
);
for await (const row of resultIterator) { <--
浏览 23提问于2020-06-10得票数 0
回答已采纳
用法1:函数声明其参数不会被修改
这种用法非常简单:作为约定，函数doSomething声明它不会改变接收到的参数。
interface Counter {
name: string
value: number
}
function doSomething(c: Readonly<Counter>) {
// ...
}
let c = {
name: "abc",
value: 123
}
doSomething(c)
// Here we are sure that 'c.name' is "abc" an
浏览 0提问于2017-09-25得票数 6
回答已采纳
包版本： eslint@7.32.0
prettier@2.4.1
eslint-plugin-prettier@4.0.0 我得到了以下eslintrc，这只是来自NestJS的常用配置： module.exports = {
parser: '@typescript-eslint/parser',
parserOptions: {
project: 'tsconfig.json',
sourceType: 'module',
},
plugins: [
'@typescript-eslint/
浏览 70提问于2021-10-29得票数 1
显然，我不明白TypeScript接口是如何工作的。我有这个： import type { Socket, Handshake } from 'socket.io';
import type { Session } from './session';
export interface SessionHandshake extends Handshake {
session: Session;
}
export interface SessionSocket extends Socket {
handshake: SessionHandshake;
浏览 26提问于2021-01-08得票数 1
我正在尝试在typescript中创建一个具有字符串键和字符串值的对象。 const titleValue: string = "key";
const objectINeed = {
titleValue: 'value'
};
console.log(JSON.stringify(objectINeed)) 这是打印 "{"titleValue":"value"}" 我想让它返回{"key“："value"} TS Play link 我不能理解为什么titleValue变
浏览 18提问于2021-07-07得票数 0
在一段时间后，我正在尝试重新编译我的Webpack Ng4项目，我得到了
ERROR in ..../src/typescript/my-routing.module.ts
(1,8): error TS1192: Module '".../src/typescript/home/home.component"' has no default export.
ERROR in .../typescript/my-routing.module.ts
(2,8): error TS1192: Module '".../node_modules/@a
浏览 0提问于2017-09-23得票数 1
1回答
有没有办法告诉typescript，在下面的示例中，元组的联合类型满足任何代码路径的类型约束，而不需要在函数体中手动指定每个case？
type options =
[string, (a:string) => number]
| [number, (b:number) => string ]
function f( [input,fn]: options) {
// Error: Cannot invoke an expression which lacks a call signature
return fn(input)
}
如果input
浏览 1提问于2016-09-13得票数 1
在typescript声明(.d.ts)文件中export {}是什么意思。
我写了一些打字脚本，并注意到生成的.d.ts文件的末尾可能有一个export {};。这在typescript中是什么意思？
浏览 75提问于2021-02-20得票数 0
我在项目中使用rollup替换作为构建器的变量开关，但是我在TypeScript中使用它时遇到了一个问题，我总是给出这样的错误：
语义错误TS2367:这个条件总是返回‘’true‘，因为类型’‘boolean’和‘’string‘没有重叠。
我会在我的代码中写这样的代码
// a.ts
import Prod from './prod';
import Pre from './pre';
If(process.env.PROD === ’true’){
console.log(‘is prod’);
Prod.init();
} else {
浏览 2提问于2021-03-25得票数 0
1回答
我在我的Typescript应用程序中使用了，一切正常。但是，原始库已经定义了类型，我可以用npm install --dev @types/fabric安装它们，但是Typescript不能识别fabric-with-gestures包中的类型。
由于没有模块@types/fabric-with-gestures，我如何将fabric中的类型与fabric-with-gestures一起使用，而且我假设这两种类型基本上是相同的？这有可能吗？
浏览 39提问于2019-11-16得票数 2
回答已采纳
在我试图构建的项目中，我使用了一个编辑器代码。我试着用摩纳哥编辑。
我希望编辑器支持的主要内容是：
标记我的自定义语言关键字，函数等。
我的自定义语言的智能感知。
预览函数参数。
所以现在上去：
我仔细看了摩纳哥编辑的例子在官方网站上。
结果与我所寻找的非常接近，但是的主要问题是，虽然我在代码中添加了noLib选项，但是还有其他关键字，请参见下面的图像。
其他东西起作用了。见图像
我知道，因为我使用了javascript/typescript语言模式，所以标记是有问题的。
这就是我写的代码：
require.config({paths: {'
浏览 0提问于2018-01-15得票数 4
回答已采纳
1回答
我有一个从另一个文件引用的TypeScript d.ts文件，但是由于某种原因，导出的类定义似乎没有被识别。
foo.d.ts
export declare class MyClass {
constructor();
public MyFunc(id: number): void;
}
bar.ts
/// <reference path="typings/MyClass.d.ts" />
class BarClass {
private something: MyClass;
constructor(thing: MyClass)
浏览 3提问于2014-05-07得票数 0
回答已采纳
我试图声明一个带有约束泛型参数的TypeScript类。在C#中，以下内容将编译：
public class NewClass<T> where T: BaseClass {
}
什么是TypeScript等值？
浏览 1提问于2018-05-14得票数 1
回答已采纳
我正在使用AWS CDK、库@aws-cdk/aws-ssm和TypeScript来创建PatchBaseline。我可以创建补丁基线，但不能定义任何approvalRules。我发现了类似的线程，其中Alex Nelson使用RuleProperty将approvalRules创建为对象，他用Python语言创建，但我不能用TypeScript复制这个过程。由于某些原因，我不能像Alex在Python中那样在TypeScript中使用RuleProperty，在这个post中有更多。 这行代码给我一个错误，属性'RuleProperty‘在类型'typeof CfnPatc
浏览 22提问于2021-07-19得票数 1
回答已采纳
我正在尝试在typescript中调用自定义javascript警报。问题是我不能在javascript中使用"this“关键字，并且typescript代码不会等待javascript函数完成。
我想说的是：
declare var $: any;
declare var swal: any;
...
delete(id: number) {
var toDeleteOrNot: boolean = false;
swal({
title: "Are you sure?",
浏览 4提问于2017-08-29得票数 3
回答已采纳
我的eslint .eslintrc.js现在正确地位于src文件夹中，如下所示：
module.exports = {
env: {
browser: true,
commonjs: true,
es2021: true
},
extends: [
'plugin:vue/vue3-recommended',
'standard',
'prettier'
],
parserOptions: {
ecmaVersion: 2020,
parser: '@t
浏览 14提问于2022-02-09得票数 0
我刚接触typescript + JQuery环境。我的问题很简单。在某个地方，我在typescript类中调用此函数。假设是DatePicker类。
Class DatePicker {
private pickerData;
public update() {
thisi.pickerData = '';
$('#reportrange').on('apply.daterangepicker', function(ev, picker: any) {
// return &#
浏览 2提问于2019-05-08得票数 0
我使用karma-typescript，使用这个karma配置文件：
karmaTypescriptConfig: {
compilerOptions: {
target: "es5",
lib: ["dom", "es2015", "es2017"]
},
bundlerOptions: {
transforms: [require("karma-typescript-es6-transform")()]
}
},
在我的规范文件中，我有这样的代码：
import {} f
浏览 7提问于2018-11-21得票数 8
我在React组件中有以下代码，而TypeScript给出了以下错误： 'handleFirstTab' was used before it was defined @typescript-eslint/no-use-before-define 如果我将这两个函数拆分成单独的文件，并将它们导入到彼此中，那么错误就会消失。有没有办法在不禁用@typescript-eslint/no-use-before-define的情况下将两个函数放在同一个文件中，这样错误就会消失。谢谢。 const handleMouseDownOnce = (): void => {
浏览 126提问于2020-04-19得票数 1
2回答
可以配置后缀，这样它就可以使用本地es6承诺而不是蓝鸟副本吗？
根据他们的和续集4，他们正在使用一个独立的蓝鸟副本。但我想使用本机es6承诺。
示例代码：
public find(selector: object): Promise<ClientEntity[]> {
// Client is of type Model<ClientModel>; see sequelize-typescript
return ClientModel.findAll(selector)
.then(res => res.map(e => e.toJSON()
浏览 7提问于2018-01-16得票数 2
我有下面的工作代码(正在运行)，但是在TypeScript错误属性'onSubmit‘类型'Window & type on globalThis’上不存在。
function onSubmit() {
. . .
}
onMount(() => {
window.onSubmit = onSubmit; <-- Error
});
onDestroy(() => {
window.onSubmit = null; <-- Error
});
在我的global.d.ts文件中，我尝试导出要导入的接口
export interfa
浏览 3提问于2021-11-04得票数 4
回答已采纳
嗯，这是在类型记录0.8.3中起作用的，但正如他们在“破坏更改”中所说的那样，模块只能用作名称空间。
模块的javascript实现只是另一个对象(闭包)。那么，有任何方法可以将导入的模块作为TypeScript中的对象处理吗？
下面是一个示例：
//Module.ts
export function SomeFunc(){
}
//app.ts
import moduleA = require("Module")
var anotherRef = moduleA; //this is caught as error!
使用TypeScript 0.8.3
浏览 6提问于2013-08-12得票数 0
回答已采纳
我正试图在我的TypeScript Node.js应用程序中使用TypeScript。
package.json依赖关系：
"lru-cache": "^4.1.1",
"@types/lru-cache": "^4.1.0",
我的TS代码：
import { LRU } from 'lru-cache';
...
const cacheOptions: any = {};
cacheOptions.max = 100;
cacheOptions.maxAge = 60 * 1000;
浏览 3提问于2018-01-03得票数 2
回答已采纳
我希望通过配置TypeScript来减少项目中常见代码模式中的重复/样板--根据具有特殊名称的函数的存在推断出一个泛型。
假设我使用的是一个框架，它提供了一个带有这个接口的getStuff函数
function getStuff<T> (): T {}
请注意，getStuff()没有参数，那么为什么/它可以有一个泛型呢？在框架中，由于框架的魔力，它实际上将返回在同一个文件中定义的另一个函数loadStuff的值。
function loadStuff () {
return { a: 1, b: 2 }
}
function something () {
const s
浏览 2提问于2022-10-05得票数 1
4回答
我得到了Visual Studio Community 2015 + Node.js工具，我已经创建了“空白Node.js控制台应用程序”Typescript项目
我又添加了一个TypeScript文件，TypeScript1.ts，并放在下面：
module MyModule {
export class Calculator {
add(x: number, y: number): number {
return x + y;
};
constructor() { }
}
}
在主文件app.ts中，我
浏览 0提问于2015-12-04得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
