如何在Typescript中插入类型和对象引用
在Typescript中插入类型和对象引用的方法有几种。
- 使用类型注解：可以在变量、函数参数、函数返回值等地方使用类型注解来明确类型。例如：
let myNumber: number = 10;
function add(a: number, b: number): number {
return a + b;
}- 使用接口：可以使用接口来定义对象的结构和类型。例如：
interface Person {
name: string;
age: number;
}
let person: Person = {
name: "John",
age: 20,
};- 使用类型别名：可以使用类型别名来创建自定义类型，方便重复使用。例如：
type Point = {
x: number;
y: number;
};
let point: Point = {
x: 10,
y: 20,
};- 使用泛型：可以使用泛型来定义函数、类或接口，在使用时指定具体的类型。例如：
function identity<T>(arg: T): T {
return arg;
}
let result = identity<number>(10); // 使用泛型指定为number类型- 使用引用类型：可以使用引用类型来引用其他对象的类型。例如：
class MyClass {
name: string;
}
let obj: MyClass = new MyClass();以上是在Typescript中插入类型和对象引用的常用方法。关于Typescript的更多信息和用法，你可以参考腾讯云提供的相关文档：
- Typescript官方文档
- 腾讯云Serverless云函数：无服务器云函数服务，支持使用Typescript进行开发。
- 腾讯云云数据库CDB：腾讯云提供的数据库产品，支持在Typescript中使用。
- 腾讯云云原生容器服务TKE：腾讯云的容器服务，支持在Typescript中进行容器化部署。
- 腾讯云人工智能平台AI Lab：腾讯云的人工智能平台，提供了多种人工智能相关的服务和工具，支持在Typescript中使用。
相关·内容
我正面临着TypeScript文件的这个问题，我想知道如何解决这个问题。
到目前为止，我已经抑制了这个typescript异常，但我想了解如何解决这个问题。以下是我的代码：
export class BaseResult {
isSuccessful: boolean;
totalRecords: number;
successMessage: string;
reasonForFailure: string;
lastExecutedDateTime: Date;
}
export class Result<T> extends Base
浏览 0提问于2017-12-28得票数 26
回答已采纳
我试图在TypeScript中键入以下承诺：
const getUserById = (id: number) => new Promise((resolve, reject) => id === 1
? resolve({ id, displayName: 'Jan' })
: reject('User not found.')
);
TypeScript推断这是
const getUserById: (id: number) => Promise<Unknown>
我为用户提供了一个界面：
interface U
浏览 3提问于2020-02-01得票数 2
回答已采纳
在TypeScript中导入和使用JavaScript代码的最佳方式是什么？
我正在尝试在用TypeScript编写的Angular 2组件中使用像Bootstrap的modal.js这样的东西。
更新：
建议的解决方案是为js文件创建一个类型声明d.ts文件，以转发我需要使用的delcare内容，然后在运行时使用引用的js文件实现。
遗憾的是，没有一种更自动、更直接的方法，但它可以完成工作。正如通过提到的，对于许多常见的框架，这些d.ts类型声明都是可用的。我也不需要注释样式引用d.ts，因为它已经包含在我编译的ts文件中。
浏览 1提问于2016-02-18得票数 4
回答已采纳
我有一个基类，所有其他类都继承它，包括User类。但是，在基类中，我需要捕获createdBy、updatedBy和deletedBy字段，这些字段都将引用用户。因此，我需要为字段从Base中引用用户，并且需要将Base从内部用户中引用为超类。这导致了循环依赖，我不知道如何解决？
注意:我使用的是抽象类，而不是TypeScript中的接口，因为我需要用装饰符对它们进行注释。
浏览 0提问于2019-12-14得票数 -2
回答已采纳
我有一个创建Service1的JObject。然后我有了Service2，它将那个JObject插入到mongo中。
Service1
var doc = GetDocument();
var jDoc = new JObject(
new JProperty("_id", doc.DocumentID),
new JProperty("url", doc.DocumentLink),
new JPrope
浏览 7提问于2016-12-28得票数 0
在TypeScript项目中，我希望使用不提供类型定义的第三方库。所以我需要自己的模块声明。模块基本导出的内容如下所示：
const foo = {
bar () {
return 23;
}
};
module.exports = foo;
因此，现在的问题是如何提出模块声明。首先，很明显，该模块使用的是default导出，而不是命名的导出。此默认导出是一个对象，它具有方法。所以我试了一下：
declare module 'foo' {
export default {
bar(): number;
};
}
但是，TypeScript编译器
浏览 0提问于2019-07-21得票数 2
回答已采纳
我在TypeScript (如)中经常使用“对象文字”这个术语--我们所说的“对象文字”实际上是什么意思，它仅仅是一个“对象”有什么区别？
以下是正式文档中的一些相关文档：
在JavaScript中，我们分组和传递数据的基本方法是通过对象。在TypeScript中，我们通过对象类型来表示这些类型。
除了一般类型字符串和数字之外，我们还可以引用类型位置中的特定字符串和数字。
所以我理解文字类型的概念，当我们指的是字符串或数字时，你指的是更窄、更具体的值。例如"bob"，而不是更广泛的string。
对象文字究竟是什么？
浏览 4提问于2021-08-09得票数 4
回答已采纳
我制作了两个TypeScript文件A.ts和TestA.ts。
A.ts
class A {
constructor( private name : string ){}
disp(){ console.log( this.name ); }
}
TestA.ts
/// <reference path="A.ts"/>
var a1 = new A( "Jun" );
a1.disp();
tsc TestA.ts
好的。它制造了A.js和TestA.js。
tsc TestA.ts -e
吴先生。"Refence
浏览 1提问于2012-10-04得票数 1
在现代的Javascript中，有可能找到JavaScript变量的内存地址吗？或Typescript变量的地址。
我对按值传递和按引用传递感到困惑，使用内存地址很容易理解现实。现在我们有了ES8和Typescript，但仍然无法获得变量和对象的内存地址。
浏览 9提问于2018-05-25得票数 19
1回答
我有一个简单的表，我希望能够在WPF中编辑(更新和插入新记录)。我正在使用LINQ类，它基本上可以工作，但我不太明白我是否正确地处理了它。
当我插入一个新行时，数据网格自动将0分配给ID列(它是一个自动生成的主键)。因此，我向RowEditEnding处理程序添加了一个检查，如下所示：
private void Submittal_EditEnding(object sender, DataGridRowEditEndingEventArgs e)
{
if (e.Row.IsNewItem)
{
//We wan
浏览 0提问于2015-01-27得票数 1
回答已采纳
我正在尝试将一个布尔数据库值保存到映射中，如下所示-
[recentTags setValue:[NSNumber numberWithBool:[aMessage isSet]] forKey:[aMessage tagName]];
它给我一个错误说“不兼容的指针到整数转换发送BOOL *又名有符号的字符*到'BOOL‘又称有符号的字符”
如何将BOOL*插入到字典中？
浏览 0提问于2011-11-11得票数 13
回答已采纳
我在我的一个NativeScript应用程序中使用了EddyVerbruggen的Firebase插件()。
另外，我是第一次在这个项目中使用TypeScript。我已经按照他们的文档中给出的设置好了一切。但是，不能理解如何在TypeScript中使用他们的代码。
例如：
var firebase = require("nativescript-plugin-firebase");
firebase.init({
persist: true // Allow disk persistence. Default false.
}).then(
fu
浏览 0提问于2016-06-01得票数 1
2回答
我在VSCode中使用VSCode，我想知道为什么当我创建一个Thing类型的对象或坚持使用接口IThing时，没有得到一个错误。
code.ts
type Thing = {
id: number;
name: string;
};
const t1 = <Thing>{}; // No error for missing properties
const t2 = {} as Thing; // No error for missing properties
const t3 = <Thing>{ bad: 'wrong ' }; // i
浏览 14提问于2022-02-22得票数 3
回答已采纳
我正在创建一个库，用户应该能够创建一个扩展TypeScript接口的自定义对象。然后将此自定义对象传递给库函数，该函数将自定义对象中的自定义对象与默认值合并，并返回结果。
扩展TypeScript接口的自定义对象可以覆盖接口中的方法。我希望将方法中的this设置为自定义对象。目前，我有以下(失败的)代码：
interface Thing<T extends SpecialThing = SpecialThing> {
a: number
derp(this: T, blah?: Partial<T>): T
}
interface SpecialThi
浏览 1提问于2021-02-11得票数 0
回答已采纳
为什么当变量被传递给TypeScript时，useState不抛出一个错误？在传递变量时，是否仍然可以键入check？
type BuildingNames = [
'farm',
'sawmill',
];
type BuildingType = { [n in BuildingNames[number]]?: number };
interface ITownContext {
buildings: BuildingType;
setBuildings: (buildings: BuildingType) => void;
}
i
浏览 3提问于2022-08-08得票数 1
我使用{}类型来标识TypeScript中的对象，但是它似乎允许任何东西，除了null和undefined
function foo(): {} {
return "string";
}
上面的示例是有效的TypeScript，那么当使用{}时，在TypeScript中声明什么类型？
浏览 0提问于2018-12-23得票数 1
回答已采纳
1回答
我正在尝试创建一个接口/类型定义，当在联合类型中使用时，它禁止接口的子级中的某个键(这里，我想为Abc找到正确的定义)：
type Abc = {
someField: {
prohibited?: never,
},
};
type UsedHere = {someField: {anotherField: string}} & Abc;
我已经尝试过prohibited的类型never，undefined和void，有没有?，但是typescript总是告诉我，当我创建一个类型为prohibited的变量时，我需要一个UsedHere的值。我如何告诉
浏览 14提问于2020-03-02得票数 0
回答已采纳
我正在尝试读取JSON并将这些值插入到表中。在这些值中，有另一个JSON对象。我试图将该JSON值插入到列中，但我的代码没有插入任何内容。
到目前为止，我尝试过的是：
DROP TABLE IF EXISTS #tmp
DECLARE @json NVARCHAR(MAX);
SET @json = N'[
{"id": 2, "info": {"name": "John", "surname": "Smith"}, "age": 25},
{"id"
浏览 3提问于2020-03-10得票数 1
回答已采纳
3回答
我注意到TypeScript支持使用以下类型：
{} (在规范中称为空对象类型)
Object
据我所知，这两者似乎是对等的和可互换的。他们之间有什么不同？
浏览 1提问于2014-01-28得票数 8
我有以下代码：
import { DocumentReference } from '@firebase/firestore-types'
export type Recipe = {
author: string
title: string
ingredients: {
quantity: number
ingredient: DocumentReference["path"]
}[]
instructions: string[]
}
export const getAllRecipes = async() =>
浏览 1提问于2020-09-06得票数 1
我有一个项目建立与NextJS，React，GraphQL和TypeScript。在这个项目中，我将一些静态JSON数据存储在../data/applications.json中 [
{
"id": "elector-v3",
"name": "Tesla Auto Pilot Elector API",
"apiName": "tap-api-v3-elector",
"apiPath": "/tap
浏览 55提问于2021-11-05得票数 1
回答已采纳
我正试图找到一种在Dictionary 1.8中实现TypeScript的简单方法。在网络上有几个实现建议，但最吸引人的是：
var MyDictionary: { [id: number]: string };
不幸的是，我并不真正理解这段代码的含义。MyDictionary是{ [id: number]: string }型的，但这到底是什么意思？反过来，[id: number]: string是什么意思？这也是一种类型吗？我猜id是关键，但它的值似乎是无名的。
例如，我如何遍历字典并提取键/值对？我在代码中非常广泛地使用underscore.js，因此建议使用这个库进行迭代和操作。
浏览 14提问于2016-05-20得票数 0
回答已采纳
2回答
我正在开发一个Svelte & TypeScript项目，在导入本地节点模块时遇到了问题。例如，键入
import { createInterface } from "readline";
在.ts或.svelte文件中，返回一条警告：
Plugin typescript: @rollup/plugin-typescript TS2307: Cannot find module 'readline' or its corresponding type declarations.
但是，如果我在.js文件中输入相同的内容，那么一切仍然正常。
我已经有@ty
浏览 9提问于2021-03-26得票数 1
回答已采纳
我的.ts文件中有一些用于angular组件的javascript代码(我在mapbox中使用它)。我希望在我的typescript代码中使用该javascript代码(polygonCoordinates[])中的变量，但我不确定如何使用。我已经在代码中包含了ngOnInit()部分。
我已经尝试过直接从javascript部分使用它，但不起作用。任何帮助都将不胜感激，因为我是新手。
ngOnInit() {
let script = this.renderer2.createElement('script');
script.type = `appli
浏览 10提问于2019-10-23得票数 0
回答已采纳
是否可以在类型记录文件中导入Svelte组件并让Rollup成功地编译它？
以下代码作为Javascript文件工作，但转换为类型记录时出错，因为TS编译器不知道如何处理.svelte文件：
import Component from './Component.svelte';
const foo = () => new Component({ target: document.body });
是否有rollup-plugin-svelte和@rollup/plugin-typescript的组合将对Svelte组件进行预处理，以便类型记录编译器可以包含Svelte代
浏览 5提问于2020-07-06得票数 14
回答已采纳
2回答
我刚接触计算机科学中的数据结构。我正在尝试找出列表实现的所有类型。我从动态数组开始，我想知道在动态数组数据结构中是否可以有不同类型的原始数据类型。我认为“动态”只是意味着你可以移除，插入和添加到你的数组中，而不需要关心它的大小。但是，您是否也需要关心数组中的元素类型？
浏览 30提问于2020-03-22得票数 0
回答已采纳
我试图插入到一个单元格数组中，但只有当该单元格为空时。
在我的例子中，这意味着null，因为我初始化了一个空char数组，并且只希望在单元格为空(null)时插入。
测试：if grid[i][j] == null不工作，我得到了"== cannot be applied to 'char', null"。
做这件事的正确方法是什么？
浏览 4提问于2019-11-01得票数 7
回答已采纳
我正在研究TypeScript和C#中的代码约定，我们已经找到了在C#中使用string.Empty而不是""的规则。
C#示例：
doAction("");
doAction(string.Empty); // we chose to use this as a convention.
TypeScript：
// only way to do it that I know of.
doAction("");
现在我的问题是，有没有办法在TypeScript中保持这个规则的一致性，或者这个规则是特定于语言的？
你们中有谁有关于如何在TypeSc
浏览 5提问于2017-03-08得票数 23
回答已采纳
如果我想以编程方式为Javascript中的对象分配一个属性，我会这样做：
var obj = {};
obj.prop = "value";
但在TypeScript中，这会生成一个错误：
属性'prop‘在类型为'{}’的值上不存在
我应该如何在TypeScript中为对象分配新的属性呢？
浏览 162提问于2012-10-03得票数 619
回答已采纳
代码如下： class MyClass {
getValue() {
// some code here...
}
}
const IS_ENABLED = process.env.IS_ENABLED || false;
const myClass = IS_ENABLED ? new MyClass() : null;
function getValue() {
if (!IS_ENABLED) return false;
return myClass.getValue();
} 现在，TypeScript给出了错误(对于myClass.getValue()
浏览 17提问于2019-06-18得票数 1
回答已采纳
例如，如果在jQuery中使用JavaScript验证，您可能会编写如下内容
$("#loginForm").validate({
"rules": {
"emailAddress": "required",
"password": "required"
},
"messages": {
"emailAddress": "Required",
"passw
浏览 1提问于2016-05-13得票数 0
回答已采纳
我想在一个集合中插入多个元组，每个元组包含一个list和一个string。
每个元组看起来如下：
sample_tuple = (['list of elements'], 'one_string')
如果我们检查sample_tuple的类型，我们可以确保它是一个包含2个元素(一个列表和一个字符串)的tuple。
但是，当我使用"add“方法将这个元组插入到我的集合时，我得到了错误：
TypeError Traceback (most recent call last)
c
浏览 6提问于2022-11-10得票数 0
回答已采纳
1回答
我是TypeScript的新手。我可能在问一个新手的问题。我有以下对象数组。我想把它按年龄或名字分类。这个问题以前也有人问过。在读完 之后，我试着跟踪。我无法用TypeScript编译它。
sortData2() {
const testData: object[] = [
{
name: 'name 1',
age: 20,
sex: 'M',
height: 7.5
},
{
name: 'name 1',
age: 10,
浏览 2提问于2020-09-27得票数 0
回答已采纳
我正在尝试使用声明(d.ts)文件将nodejs类导入到typescript代码中。为了测试它，我创建了一个简单的nodejs类、声明文件和将要导入(消费) nodejs类的typescript文件。
TS_PROJECT/node_modules/newtest/index.js内容：
var HelloWorld = function() {
}
HelloWorld.hello2 = function() {
console.log("hello2");
}
HelloWorld.prototype.hello1 = function() {
console
浏览 0提问于2017-02-01得票数 1
我有下面的typescript类，以从localStorage获得一个模型
export class LocalStorageHelper {
public static GetItemValue<T>(key: string): T {
let value: string = localStorage.getItem(key);
// if(typeof T == 'string') return value;
// return (Convert JSON.parse(value) To T)
}
浏览 3提问于2017-07-18得票数 2
回答已采纳
我在玩TypeScript和接口。我有下面的代码
interface Control {
name: string;
onSelect():string;
}
class Button {
name:string="button";
onSelect = function() {
return "hello";
}
}
var a:Button = new Button();
var b:Control = {"name": "arbitrary", "onSel
浏览 4提问于2014-12-11得票数 3
回答已采纳
我想把TypeScript和jsTree结合使用。如何在绑定的setCurrentNode函数中调用jsTree函数？
class MyController {
thescope: any;
static $inject = ['$scope'];
constructor($scope) {
$scope.vm = this;
this.thescope = $scope;
(<any>$("#demo2")).jstree({
.bind("
浏览 10提问于2013-08-14得票数 0
回答已采纳
试图在TypeScript中找出这两种类型之间的区别：
foo: object
和
bar: {}
type: Object呢？
示例：试图将一个object分配给应该为请求处理标头信息的变量：
headers: object;
导致错误：
类型'object‘不能分配给'{ key: string: string }’。
如果使用headers: {}，也会出现相同的情况，由此得出的结论是，{}有一些稍微不那么紧的需求。
浏览 0提问于2018-03-24得票数 85
回答已采纳
我有一个现有的JavaScript对象。我想在TypeScript中使用它作为一种类型，但看不到任何方法。例如，我有一个JavaScript对象构造函数，如下所示：
function Canvas2D(canvas)
{
var context = canvas.getContext("2d");
this.clear = function() { context.clearRect(canvas.width, canvas.height); }
// lots more methods follow...
}
在我的TypeScript中，我想声明一个
浏览 4提问于2013-08-15得票数 2
回答已采纳
在TypeScript 2.9.2中，我试图恢复函数声明的this类型。 这个是可能的吗？ 这是我尝试过的： // Two different ways of specifying the type of `this`.
declare function foo(this: {hello: 'world'}): any;
type baz = ThisType<{hi: 'there'}> & (()=> any);
// Attempts to recover `typeof this` for foo and baz...
ty
浏览 18提问于2019-06-19得票数 0
在下面的代码中，变量x的类型为RegExpExecArray | null (根据VSCode)。
const storeIdRegExp = /s(?<storeId>\d+)/u;
const x = storeIdRegExp.exec(query);
怎样才能找到RegExpExecArray**？的定义？我在任何地方都找不到文件。**
注意:我确实在TypeScript源代码中找到了一些引用，特别是和 (如果编译的目标是ES2018+，我认为它们也适用)。但这并不容易找到，而且我也不能百分之百肯定这些接口的结合是正确的答案。
浏览 7提问于2022-11-21得票数 0
回答已采纳
在我的NestJS应用程序中--我有一些TypeScript类，它们有其他类和值注入到它们中。唯一的原因是，我使用TypeScript语句导入import类，并使用DI系统注入它们。有什么方法可以删除导入语句并让DI系统处理吗？
浏览 0提问于2018-07-17得票数 0
回答已采纳
关联容器中的方括号运算符( map，无序映射)如果不存在，将在映射中插入元素。如果映射的值是整数，如
std::map<std::string, int> map; // Or std::unordered_map
调用预增量操作符是否定义良好，即使在这种情况下，[]会触发新元素的插入？
我怀疑它应该是可以的，因为在有序和无序的映射中，标准要求将T类型的新元素插入为T()，即值初始化，这意味着插入了数字0。
浏览 4提问于2021-12-23得票数 -1
我需要限制函数的调用者只使用字符串"asc“或"desc"，所以我想使用一个常量来定义类型。
当我使用typescript时，我可以这样做：
function test(order: "asc" | "desc") {
// ...
}
那么order只能是"asc“或"desc”。那么如何在Scala中定义order呢？
浏览 0提问于2019-01-23得票数 1
我想将添加到TypeScript中的元素的scroll事件中，如下所示：
element.addEventListener("scroll", () => { }, { capture: true, passive: true });
但是TypeScript抛出一个语法错误：Argument of type '{ capture: true, passive: true }' is not assignable to parameter of type 'boolean'。
我知道错误的原因是TypeScript没有为addEventLi
浏览 6提问于2017-10-25得票数 2
回答已采纳
我需要迭代一个大对象，它被输入为" object“。它包含相同类型的未知数量的对象。
在以前的文章中，我找到了解决方案，使用自定义Symbol.iterator函数中的生成器使大型对象可以使用for..of循环进行迭代。
但在我看来，现在到了2017年，仅仅使用Object.keys就更容易了：
Object.keys(bigObject).forEach((key:string)=>{
console.log(bigObject[key]);
});
这实际上运行得很好！但是TypeScript编译器一直给我错误“TS7017: TS7017隐式h作为‘任意’类型，因为类型&#
浏览 3提问于2017-04-13得票数 40
回答已采纳
1回答
在TypeScript中检查sum类型的穷竭性是非常容易的。
type Sum =
| { tag: 'num'; value: number }
| { tag: 'str'; value: string };
const len = (sum: Sum): number => {
switch (sum.tag) {
case 'num': return sum.value;
case 'str': return sum.value.length;
浏览 8提问于2022-01-01得票数 1
回答已采纳
2回答
省中地图的类型--胡枝子
、、、、
在TypeScript中，我有一个对象的类型定义，如下所示：
type foo<A> = {
val: A,
fns: Array<((a: A) => void)>
}
现在，我希望与dart Map和typedef具有相同的结构。
它的语法是什么？
浏览 8提问于2022-06-25得票数 1
回答已采纳
我想把Angularjs和TypeScript结合使用。
为了解决TS2095: Could not find symbol 'angular'错误，我从下载了ts文件，并添加了对controllers.ts的引用，如下所示：
/// <reference path="angular.d.ts" />
/// <reference path="jquery.d.ts" />
var mathML = angular.module('mathML', []);
但我仍然有类似的错误：
angular.d.ts
浏览 3提问于2014-06-14得票数 7
回答已采纳
我目前正在将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
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
