在类中声明typescript类型
在类中声明 TypeScript 类型是指在 TypeScript 类中定义类成员的数据类型。在 TypeScript 中，可以使用类型注解或类型推断来声明类成员的类型。
类型注解是在变量或函数声明时使用冒号（:）加上相应的类型，示例如下：
class MyClass {
private myNumber: number;
public myString: string;
protected myBoolean: boolean;
constructor() {
this.myNumber = 10;
this.myString = "Hello";
this.myBoolean = true;
}
public myMethod(): void {
// Method implementation
}
}在上述示例中，myNumber 的类型注解为 number，myString 的类型注解为 string，myBoolean 的类型注解为 boolean。myMethod 的类型注解为 void，表示该方法不返回任何值。
另一种方式是使用类型推断，TypeScript 可以根据变量的初始值自动推断出其类型，示例如下：
class MyClass {
private myNumber = 10;
public myString = "Hello";
protected myBoolean = true;
constructor() {}
public myMethod(): void {
// Method implementation
}
}在上述示例中，TypeScript 根据变量的初始值自动推断出了相应的类型。
通过类中的类型声明，可以使代码更具可读性和可维护性，同时还可以在编译期间进行类型检查，减少错误发生的可能性。
关于 TypeScript 类型声明的详细内容，可以参考腾讯云开发者文档中的 TypeScript 类型声明指南：TypeScript 类型声明。
相关·内容
我们可以使用TypeScript中的预定义名称来命名自定义类/接口吗？如果自定义类名与TypeScript中的预定义名称冲突，是否存在可能导致错误的用例？ 例如，当TypeScript已经有一个RequestInfo类型-> type RequestInfo = Request | string;时，我是否可以创建一个名为RequestInfo的自定义类
浏览 32提问于2021-08-29得票数 2
回答已采纳
1回答
假设我有以下TypeScript代码：
export const makeMyClass = function(a: string, b: boolean){
const MyClass = function(){
};
MyClass.prototype.foo = function(){};
MyClass.prototype.bar = function(){};
return MyClass;
}
我在弄清楚如何将导出的工厂函数中的代码转换为TypeScript时遇到了麻烦。
例如，如果我这样做：
export const makeMyCla
浏览 0提问于2017-09-23得票数 0
在JavaScript中，我可以这样做：
function f() {}
f.prop = "property";
我想在TypeScript中使用这个，但是要进行类型检查。
除了类之外，我可以使用什么TypeScript模式来强制函数获得属性呢？
我能用个接口吗？
interface functionWithProperty {
(): any;
prop: string;
}
在TypeScript中，这似乎是一个有效的接口，但是如何实现这个接口，以便TypeScript编译器检查是否设置了prop？
我看到了
var f : functionWithPro
浏览 5提问于2012-10-31得票数 3
回答已采纳
在TypeScript中，class关键字同时引入了值和类型： class Plain { };
const plain: Plain = new Plain(); 有没有办法让函数返回既是类型又是值的东西？ 问这个问题的另一种方式是:有没有办法在下面声明createClass的类型，以便const a2: Animal = new Animal()进行类型检查？ declare function createClass<T extends string>(t: T): (new () => { type: T });
const Animal = createClass
浏览 23提问于2019-04-11得票数 3
回答已采纳
在WinJS中，我这样声明类：
WinJS.Namespace.define('MyNamespace', {
MyClass: WinJS.Class.define(function ctor() {
//constructor
},
{
//instance members
},
{
//static members
})
});
但在Typescript中，我使用：
module MyNamespace {
class MyClass {
constru
浏览 4提问于2014-04-05得票数 2
1回答
我正在学习type typescript泛型，并遇到下面的泛型类型，并使用相等的操作符表示扩展类型。
export interface DataType {
[key: string]: FieldValue;
}
export interface FormProps<Data extends DataType = DataType> { }
DataType = DataType在这里是什么意思？
浏览 2提问于2019-07-02得票数 71
回答已采纳
JS中的typeof返回一个字符串。Sequelize在它的TypeScript类型中有typeof Model的返回类型。这意味着什么？我在文件里找不到解释。
谢谢。
浏览 0提问于2019-03-14得票数 1
回答已采纳
(我对node、es6和typescript相当陌生。这是我实际正在开发的第一个应用程序)我有以下代码，我试图在typescript中引用这些代码来连接到dynamodb，但我无法理解语法的通用部分： 我试着研究了typescript和es6语法，但没有任何有用的东西。 public readonly getItem = async (
tableName: string,
key: AttributeMap
): Promise<AttributeMap | null> =>
this.dynamodbGet({
TableName: tableName,
浏览 4提问于2019-02-02得票数 2
回答已采纳
如果您试图拥有一个具有可选属性的Record类，如下所示：
class MyRecord extends Immutable.Record({
field: undefined
}) {
field?: string;
}
...you得到一个TypeScript错误，如下所示：
ERROR in [at-loader] myFile.ts:x:y
TS2415: Class 'MyRecord' incorrectly extends base class 'Instance<{ field: undefined; }> & Readonl
浏览 0提问于2017-03-24得票数 2
回答已采纳
我是TypeScript的新手。我搞不懂函数的(这个:ClassName)参数在抽象类中意味着什么。例如：
abstract class Department{
abstract describe(this:Department):void;
}
class ITDepartment extends Department{
describe(){
console.log('IT Department');
}
}
如前所述，实现的子类没有任何描述()方法的参数，但是父类的参数为(这个:Department)。这段代码告诉我的是什么，为什么
浏览 3提问于2020-04-14得票数 0
回答已采纳
全部：
我对TypeScript非常陌生，当我从它的官方网站上阅读TypeScript手册时，有一个例子：
在使用类和接口时，类的静态/实例端之间的区别，有助于记住类有两种类型:静态端的类型和实例端的类型。您可能会注意到，如果您创建一个具有构造签名的接口，并尝试创建一个实现此接口的类，则会得到一个错误：
interface ClockInterface {
new (hour: number, minute: number);
}
class Clock implements ClockInterface {
currentTime: Date;
const
浏览 5提问于2015-12-03得票数 0
回答已采纳
1回答
在线保存数据的特定方法？
、、、
我正在考虑使用TypeScript创建一个在线应用程序，这将需要在线保存数据。
对此，我有何选择？
在使用TypeScript时是否有什么特别的东西可以使这更容易或更难呢？
理想情况下，我应该使用像Parse.com这样的服务来保存数据，类型记录可以连接到Parse，还是必须依赖普通的JS？
浏览 1提问于2013-05-18得票数 1
回答已采纳
在JavaScript中可以使用TypeScript库吗？
例如，我希望在中使用TypeScript，并将JS文件添加到TypeScript中并将它们添加到_references.js中。
但是，当我想在TS文件中声明时：
var r = Raphael(10,50,640,480);
Intellisense总是说：
Raphael does not exist in the current scope.
而TS文件不编译。
浏览 4提问于2012-10-07得票数 14
回答已采纳
我正在尝试用一个装饰器来扩展一个类的原型，这个装饰器使用TypeScript的experimentalDecorator支持。
export function Foo() {
return function (target) {
target.prototype.bar = 'baz';
}
};
虽然这个装饰符似乎适用，但TypeScript不能识别原型扩展。
@Foo()
class Qux {
constructor () {
this.bar; // Property 'style' doesn't exi
浏览 13提问于2016-09-01得票数 0
回答已采纳
1回答
下面的代码将在Java语言中产生预期的类型错误，但是TypeScript并不认为它是一个错误。这是设计出来的，还是TypeScript中的一个bug？
abstract class UnitType<T extends UnitType<T>> {
...
}
class Unit<T extends UnitType<T>> {
...
}
class Length extends UnitType<Length> {
static meters: Unit<Length> = new Uni
浏览 9提问于2019-11-18得票数 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
回答已采纳
我有一些JavaScript代码，我正在尝试将其转换为Typescript。
据推测，typescript是JavaScript的超集，除了以下代码有编译器错误。假设我没有将ko库导入到typescript中，我该如何转换以下代码：
(function(ko, viewModels){
viewModels.MyViewModel = function(){
//stuff in here
}
}(ko, window.viewModels = window.viewModels || {}));
作为参考，这是我在TypeScript中的尝试
module v
浏览 2提问于2012-10-08得票数 3
回答已采纳
有没有办法在TypeScript中嵌套类。我想用它们像：
var foo = new Foo();
var bar = new Foo.Bar();
浏览 0提问于2015-09-10得票数 139
回答已采纳
2回答
省中地图的类型--胡枝子
、、、、
在TypeScript中，我有一个对象的类型定义，如下所示：
type foo<A> = {
val: A,
fns: Array<((a: A) => void)>
}
现在，我希望与dart Map和typedef具有相同的结构。
它的语法是什么？
浏览 8提问于2022-06-25得票数 1
回答已采纳
我们在网页中嵌入Typescript项目(React)。在某些情况下，我们也需要允许我们的Typescript代码与页面上的其他元素进行通信。
例如，我们想要一个链接来打开React组件中的一个按钮的React-Typescript组件，或者相反，打开一个基于jquery的模式。
为此，我们在window对象上创建了一个对象。
window.gwFunctions = {
openModal: ()=>{
codeToOpenModal
}
}
VSCode在看到window.gwFunctions时发出抱怨
Property 'TS_FUNCTIONS&
浏览 1提问于2019-03-14得票数 0
在使用Node.js六个月后，我才刚刚开始使用Typescript。
我发现，如果我用纯Node.js编写，在导入包时，比如string-similarity，VSC会显示这个包的所有方法，但在Typescript中，它不会显示任何方法。
结果是，我必须通过连接模块的方式使用console.log，而在纯Node.js中，所有方法都是可用的。
Typescript和Node.js
纯Node.js
浏览 1提问于2018-09-29得票数 0
我在Typescript中使用Backbone.Marionette。我写了我自己的类型描述的木偶。
var ProviderSpa = new Backbone.Marionette.Application();
ProviderSpa.addRegions({
'servicesRegion': "#services-offered"
});
ProviderSpa.servicesRegion.show();
我的问题是，addRegions有向ProviderSpa添加属性的副作用，而TypeScript并不知道这一点，因此它会报告‘属性'
浏览 0提问于2012-10-26得票数 8
我正在扩展默认的Vue对象
export default (Vue) => {
Object.defineProperties(Vue.prototype, {
$http: {
get () {
return axiosInstance
}
}
})
}
我使用的是typescript，当然typescript不喜欢这样。我如何创建一个特定于项目的.d.ts文件，在vue类型脚本声明中添加上述扩展名？
浏览 6提问于2017-03-31得票数 7
我试图在TypeScript中为节点编写一个包，它使用标准的节点库，例如fs、path、stream、http等等。
当我试图在.ts文件中导入库时，VS代码用一个错误标记相应的行：
[ts] Cannot find module 'fs'。无论我如何导入库，都会发生这种情况：
import * as fs from 'fs'; // [ts] Cannot find module 'fs'
import fs = require('fs'); // [ts] Cannot find module 'fs'
浏览 8提问于2016-04-23得票数 8
回答已采纳
在TypeScript 2.0中，为什么我可以有一个函数类型保护：
function hasValue<T>(value: T | undefined): value is T { return value !== undefined; }
但不是方法类型保护？：
export class Maybe<T> {
constructor(public value: T | undefined) {}
hasValue(): this.value is T { return this.value !== undefined; }
}
hasValue()上
浏览 4提问于2016-09-24得票数 5
回答已采纳
显然，我不明白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
下面是一些打字脚本： let markdown = <HTMLTextAreaElement>document.getElementById(id);
let markdownoutput = <HTMLLabelElement>document.getElementById(output); 在上面的代码中，在使用element by id选择某些东西之前，我们声明了元素类型param.(<HTMLTextAreaElement>)它工作得很好。但是我们从中得到的好处是什么呢？ 有人能帮我吗? typescript是如何处理这个问题并帮助我们的呢？ 提前
浏览 29提问于2020-01-26得票数 0
回答已采纳
我在试图向模块中添加服务时出错。有人能帮我指出出了什么问题吗？
角1.5.11和TypeScript 2.2.2
ERROR in ./source/mainModule.ts
(185,33): error TS2345: Argument of type 'typeof AwesomeService ' is not
assignable to parameter of type 'Injectable<Function>'.
Type 'typeof AwesomeService ' is not assignable to
浏览 3提问于2017-05-15得票数 3
回答已采纳
我有一个反应构建配置使用Webpack，ESlint，更漂亮和TypeScript。
当我运行构建时，看起来我得到的是TypeScript linting错误，这些错误应该被@ the / run或@ the /run dom包取消。
查看文档，我不需要定义React组件的可访问性修饰符或返回类型：
这似乎与这里的问题相同：
但是安装输入包并没有为我解决这个问题。请注意，我也尝试删除@typings/react包，因为@typings/react-dom将其作为依赖项，这并不能解决问题。
Webpack配置
const webpack = require('webpack');
浏览 0提问于2019-08-06得票数 1
回答已采纳
7回答
我正在尝试使用base64在NodeJS中使用TypeScript进行编码。
下面的代码在JavaScript中很好地工作。
当我用TypeScript写同样的东西并编译时，我得到的缓冲区是找不到错误的。
var base64Policy = new Buffer(stringPolicy, 'utf-8').toString('base64');
有人能帮我在TypeScript上做同样的事吗？
浏览 19提问于2016-08-10得票数 51
回答已采纳
1回答
我试图用一个额外的方法扩展jQuery不显眼的验证接口，但出于某种原因，它根本不会获得接口。下面的代码片段是我尝试在TypeScript操场上作为测试运行的一个简单片段，但它声称它“无法找到名称'Validator'"，这很奇怪，因为这个代码片段遵循在TypeScript中增强类型的一般语法，而且在这个中使用的语法与完全相同。
interface Validator {
parseDynamicContent: (selector: string) => void;
}
Validator.prototype.parseDynamicContent =
浏览 3提问于2015-08-07得票数 0
1回答
好的，首先，TypeScript对我来说很新，我是一个长期的C#ist，但是我喜欢我可以在Node/TypeScript中快速破解的东西--我有一个语法问题(我认为)，我有一个接口，它由两个具体类实现，第三个模块基于配置导出这些具体类中的一个，
fruit.ts
export interface Fruit {
eat();
}
apple.ts
export class Apple implements Fruit {
eat() { console.log('Eat apple'); }
}
banana.ts
export class Banana impleme
浏览 3提问于2020-01-25得票数 2
我看到我的集成开发环境将File识别为Typescript对象。执行refined search in Google会将我带到this page，它与File对象没有任何关系。File既不在basic types中，也不在advanced types中。 Typescript中的File对象是否已处理为exactly the same way as in Javascript？有什么突破性的差异吗？ 同样，如何在Typescript中实例化文件类型？
浏览 208提问于2019-03-05得票数 6
回答已采纳
在我的TypeScript代码中，我使用了一个名为的第三方库，如下所示：
private logger: bunyan.Logger = bunyan.createLogger({name: "MyClass"});
由于TypeScript无法解析变量bunyan，所以我这样做是为了使TypeScript编译器工作：
import * as bunyan from "bunyan";
不幸的是，这会导致以下JavaScript输出：
var bunyan = require("bunyan");
require语句不会在浏览器中工作(当不使用实
浏览 2提问于2016-06-30得票数 4
回答已采纳
我有一段TypeScript代码，我很难理解。我对TypeScript相当陌生。
export const TerminalWidgetOptions = Symbol("TerminalWidgetOptions");
export interface TerminalWidgetOptions {
endpoint: Endpoint.Options,
id: string,
caption: string,
label: string
destroyTermOnClose: boolean
}
有人能告诉我上面的代码到底发生了什么吗
浏览 0提问于2018-04-12得票数 16
回答已采纳
我只想在打字时使用TypeScript。我不想使用类、接口，甚至不想使用TypeScript定义。原因是我使用了一些没有jQuery定义的TypeScript插件，而且由于时间的限制，我无法编写它们。
我一直读到，我应该能够在没有其他特性的情况下使用类型，因为TypeScript是基于JavaScript的，但我真的找不到一种方法。考虑下面的代码。我没有使用jQuery类型定义，因此我得到了“无法找到名称$”。而且，如果TypeScript定义不涵盖我使用的所有内容，我也不想使用它们。
因此TS文件不会被转到JS文件中。而2015中的生成失败。
我的问题是-我如何在Visual 2015中工作
浏览 3提问于2016-11-28得票数 0
回答已采纳
我试图在一个没有包含在类中的函数中添加一个自定义的TypeScript装饰器，似乎无论我做什么编译器都会报错。
有什么想法吗？有可能吗？
浏览 0提问于2016-05-30得票数 32
回答已采纳
2回答
我正在学习typescript，我正在学习这个教程：https://blog.alexdevero.com/react-and-typescript-pt3/。 当他谈到接口时，他以以下方式在react中使用它： // Create interface for class component props
interface PropsInterface {
heading: string;
}
// Create interface for class component state
interface StateInterface {
firstName: string;
l
浏览 46提问于2020-04-26得票数 0
我是JavaScript的新手。我在React应用程序中编写了一个JavaScript文件，并以这种方式在类中声明了一个私有函数notifyObservers： class Subject {
constructor(idOfDevice) {
//...
}
var notifyObservers = function (data) {
this.observers.forEach(obs => obs.notify(data));
}
getFrequency(idOfDevice) {
//...
}
} 就像我看到的建议那样做
浏览 72提问于2020-04-07得票数 0
回答已采纳
我学习typeScript已经有几天了，我遇到了typeScript中的接口实现，但是不能正确地理解它，任何人都可以用一些实际的例子来解释它。
浏览 1提问于2022-02-09得票数 0
2回答
我目前正在尝试为OpenLayers构建一个TypeScript定义文件。
问题是，在OpenLayers中，有一些类可以同时转换为TypeScript中的模块和类。
例如，在模块OpenLayers中有Protocol类，在模块OpenLayers.Protocol中有Response类。
我如何在TypeScript中对其进行建模？是否可以将Protocol作为类，并将Response类定义为导出的内部类？你将如何着手解决这个问题？
浏览 1提问于2012-10-09得票数 4
好的，在设置我的Node.js TypeScript项目时，我有一个有趣的情况。我希望能够使用非相对的require引用来引用本地模块。TypeScript和Node.js查找模块的方式是在当前目录中查找node_modules目录，然后查找每个父目录，直到找到包含引用的目录为止。因此，假设我在以下目录结构中有一个要引用的模块：
/node_modules <-- Main NPM modules dir
/...
/package.json
/src
/node_modules <-- My local modules dir
浏览 10提问于2017-10-01得票数 10
在Java中，我们可以执行以下操作：
Map<Class<?>, Integer> countsByClass;
...
countsByClass.put(String.class, 1);
如何在TypeScript (或类似的东西)中做同样的事情？
let countsByClass: Map<???, Number>;
...
countsByClass.put(???, 1);
浏览 1提问于2018-10-15得票数 0
回答已采纳
1回答
我是一个初学者，对类型记录的反应，在下面的代码中面临问题
下面是仪表板组件的代码
export default function Dashboard() {
return(
<p>Dashboard page</p>
)
}
这是路线代码
const AppRouter = () => {
return (
<Router history={history}>
<div>
<Switch>
<Route path={"/dashboard"
浏览 1提问于2020-04-11得票数 1
使用TypeScript，我定义了以下道具type和组件class：
type AnimatedElementProps = {
node: HTMLElement;
Svg(props: SVGProps): JSX.Element,
};
class AnimatedElement extends React.Component<AnimatedElementProps> {
constructor(props) {
super(props);
this.node = undefined;
}
render = () => {
浏览 0提问于2019-01-24得票数 1
回答已采纳
1回答
目标是在我的TypeScript代码中进行代码分割。
我使用(实验性的)装饰器来支持从模型到持久存储的类似ORM的数据映射。其中一种类型需要用表的名称参数化装饰器，该表将存储该类型的实体。为了进行代码拆分，我将域模型提取为一个单独的文件(entity-model.ts)：
/* I am using dynamodb-data-mapper */
import {
table,
hashKey,
attribute
} from '@aws/dynamodb-data-mapper-annotations'
export class Entity {
/*
浏览 2提问于2019-01-24得票数 1
回答已采纳
这是简化的代码
export interface MyInterface{
// Have no idea why I need an export here.
// If I remove it, it gives
// semantic error TS2451 Cannot redeclare block-scoped variable 'createClass'
}
const createClass = function () {
return class implements MyInterface{
}
};
const
浏览 1提问于2018-12-18得票数 2
回答已采纳
我知道当你在Typescript中声明一个变量时，你可以选择是否为该变量指定一个类型。如果未指定类型，则使用默认的"any“类型。有没有办法强制所有变量都声明一个类型，即使它可能是"any“。正如在中一样，我希望在未指定类型时出现编译器错误。这是为了让程序员不得不给所有的东西一个类型，并防止变量被意外地保留为"any“的情况。
浏览 1提问于2014-02-08得票数 23
回答已采纳
在TypeScript中，初始数据可以使用接口类型或类类型。
哪条路更好？
export interface Item{
text: string,
value: number
}
itemModel: ItemComboBox = {
value:'value1',
text: 'text1'
};
类：
export class Item{
constructor(
public text: string,
public value: string) { }
}
itemModel= new It
浏览 1提问于2018-07-21得票数 0
回答已采纳
我想在我的项目中使用 (通过npm和node安装)。然而，我的项目使用的不仅仅是普通的JavaScript，而是webpack和TypeScript。包本身在npm存储库中不可用，这意味着它不能使用npm install 'packageNameHere' --save；另外，在该包中使用javascript意味着在TypeScript中不存在可以使用的类型。
如何使此包适用于TypeScript、webmodules环境？每次我想使用它的时候，我都必须手动安装它吗？
浏览 8提问于2021-05-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
