在Typescript中访问动态/函数类的属性
在Typescript中，要访问动态/函数类的属性，可以使用以下几种方式：
- 使用类型断言：通过将对象断言为特定类型，然后访问其属性。例如：
interface MyClass {
name: string;
}
function foo(obj: any) {
// 断言obj为MyClass类型
const myObj = obj as MyClass;
console.log(myObj.name);
}
const obj = { name: "John" };
foo(obj);这种方法需要确保对象的属性与断言的类型相匹配，否则可能会导致运行时错误。
- 使用可选链操作符（Optional Chaining）：在Typescript 3.7及以上版本中，可选链操作符允许我们安全地访问可能为null或undefined的属性。例如：
interface MyClass {
name?: string;
}
function foo(obj: MyClass) {
console.log(obj?.name);
}
const obj = { name: "John" };
foo(obj);在上述示例中，如果obj为null或undefined，访问obj.name时不会引发错误，而是返回undefined。
- 使用索引签名（Index Signature）：如果对象的属性不是事先定义好的，而是动态添加的，可以使用索引签名来访问这些属性。例如：
interface MyObject {
[key: string]: string;
}
const obj: MyObject = {
name: "John",
age: "30"
};
console.log(obj["name"]); // 输出 "John"
console.log(obj["age"]); // 输出 "30"在这种情况下，我们定义了一个索引签名[key: string]，表示可以使用任意字符串作为属性名来访问对象的属性。
总结： 在Typescript中访问动态/函数类的属性，可以使用类型断言、可选链操作符或索引签名等方式。具体选择哪种方式取决于对象属性的类型和是否为动态添加的属性。
相关·内容
我是Phaser3dev的初学者，我正在尝试为我所有的游戏定义一个好的模式。我发现了许多优秀的单页教程，但是当我在ES6类系统中翻译它们时，我遇到了范围问题(在create()中定义的元素在更新中不可见)。 我已经看到一个没有ES6类的常见模式是在游戏配置对象的scene属性中添加方法，如下所示： scene: {
preload: preload,
create: create,
update : update
} 现在我的问题来了。如果我有这个代码： window.onload = function() {
const config = {
浏览 16提问于2019-02-14得票数 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
我刚刚在TypeScript 0.9.5中启动了一个新项目，下面的代码抛出了一个错误：
类服务声明了IService，但没有实现它。属性'getUserInfo‘定义为私有类型服务，在类型IService上定义为公共属性
module App.Interfaces {
export interface IService {
getUserInfo(): void;
}
}
module App.Services {
export class Service implements App.Interfaces.IService {
浏览 0提问于2014-01-25得票数 9
回答已采纳
2回答
我说得对吗，TypeScript构造函数中的公共成员在类中是公共的，私有成员是私有的吗？
若然，市民与物业之间的有效分别是甚麽？
假设不同之处在于，属性可以更像c#属性(也就是说，可以有与其访问相关的代码)，那么为什么要使字段公开，而没有使其成为属性所固有的保护呢？
浏览 2提问于2016-07-28得票数 3
回答已采纳
constructor (service: MyService) {}
ngOnInit() {
this.service.init();
}
在上面的代码中，我得到：-
Property `service` does not exist on type 'MyComponment'
但是，如果我声明service为private，它就能工作。这里发生什么事情？
--
角8.2.12，TypeScript 3.5.3
浏览 2提问于2019-11-01得票数 0
回答已采纳
我是typescript的新手，我正在尝试将我们的应用程序从es2016重写为typescript。我的任务是创建一个具有数据属性的类，并使数据对象中的每个元素都可以作为类属性使用。
我被这个javascript代码卡住了：
for(let key in this.data) {
Object.defineProperty(this, key, {
get: functi
浏览 1提问于2017-07-21得票数 14
回答已采纳
1回答
类装饰器(实例级)
、、、
我试图在属性上添加一个类decorator，并在instance中修改这个属性。
这在typescript中很好，但是我不想使用typescript，只使用babel，而不使用任何其他编译器。
我的猜测是，target在el函数中是class而不是instance，而在使用typescript时并非如此。
如果有人知道如何使用babel和不使用typescript来完成这项工作
带类型记录的演示：
仅限babel演示：
function el(type) {
return function descriptor(target, key,dec) {
let value = tar
浏览 6提问于2017-12-23得票数 1
回答已采纳
1回答
我只是在学习TypeScript，所以这是一个新的问题，但是Google甚至没有提供帮助。
鉴于这一守则：
class Student implements IPerson {
public fullname: string = firstname + " " + middleinitial + " " + lastname;
constructor(public firstname, public middleinitial, public lastname) {
// this.fullname = firstname +
浏览 1提问于2015-09-03得票数 0
回答已采纳
我有一个JavaScript对象，它允许动态地将成员绑定为对象实例的访问器属性：
源
function DynamicObject(obj) {
for (var prop in obj) {
Object.defineProperty(this, prop, {
get: function () { return obj[prop]; },
set: function (value) { obj[prop] = value; },
enumerable: true,
con
浏览 4提问于2016-10-06得票数 6
回答已采纳
我想使用TypeScript创建一个简单的Angular2应用程序。看起来很简单，但我不能实现我想要的。
我想在模板中显示属性值。我想在1秒后使用setTimeout更新相同的内容。
Plunkr代码在这里：
我写的是：
import {Component} from 'angular2/core';
interface Hero {
id: number;
name: string;
}
@Component({
selector: 'my-app',
template:`<h1>Number Increment</h1&
浏览 9提问于2015-12-30得票数 38
回答已采纳
我试图在一个没有包含在类中的函数中添加一个自定义的TypeScript装饰器，似乎无论我做什么编译器都会报错。
有什么想法吗？有可能吗？
浏览 0提问于2016-05-30得票数 32
回答已采纳
3回答
根据，你应该
避免用下划线作为私有属性和方法的前缀。
由于我来自Java背景，我通常只使用this关键字：
export default class Device {
private id: string;
constructor(id: string) {
this.id = id;
}
public get id(): string { // [ts] Duplicate identifier 'id'.
return this.id;
}
public set id(value:
浏览 7提问于2016-11-14得票数 37
回答已采纳
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
我在typescript类中将一些常量定义为public static readonly。它包含一些跨应用程序的通用常量。如何在组件html中访问它们？有没有在html中直接使用的方法？像{{MyConstantsFactory.Myconstant}这样的东西会起作用吗？
浏览 0提问于2017-10-31得票数 8
Typescript 3.0.1在我的类中为我的setter提供了一个编译错误，但当我运行我的JS时，它仍然可以正常工作，正如你在图片上看到的那样。
代码如下所示：
这有什么原因吗？我怎么才能让它编译的时候没有错误，因为它让我在学习Typescript时感到困惑。
浏览 0提问于2018-10-17得票数 0
1回答
请参阅下面的TypeScript代码：
class x {
a = 20;
f1(){
console.log("parent > " + this.a);
}
}
class y extends x {
a = 10;
f1(x?:number){
console.log("chold > " + this.a);
super.f1();
}
}
let z = new y();
z.f1();
当我在Chrome中运行下面的编译代码时，我得到了child = 10和parent = 10。
什么是
浏览 0提问于2017-07-17得票数 0
如果类有一些必需属性，我们如何在Typescript的类构造函数中返回自定义对象。下面是我在Typescript中遇到的情况的示例代码片段。
class MyError extends Error {
customRequiredAttribute: string[];
constructor(error: any) {
if (error instanceof MyError) {
return error;
} else {
// do something else to initialize
浏览 0提问于2021-07-01得票数 3
在TypeScript中，静态类方法和在类之外定义的函数(在文件顶部)之间的实际区别是什么？
我知道，与其他类和文件相比，在visibilty方面存在差异。但是，当可见性不是问题(函数/方法只在一个类中使用)时，什么时候我们应该使用静态方法而不是在任何类之外定义的函数。
示例：
export class Foo {
constructor(bar: string) {
Foo.shout(bar);
}
private static shout(content: string) {
console.log(string.toUpperCase());
}
浏览 2提问于2020-08-13得票数 9
回答已采纳
我需要的非常简单，我只想初始化一个对象，这个对象是我正在初始化的另一个对象的子级。在C#中，它看起来像这样：
var car = new Car {
serialNumber = 25,
engine = new Engine {
horsePower = 500
}
}
在这个示例代码中，我在初始化Car类型时初始化引擎类型。在尝试使用TypeScript执行此操作时，无论我尝试什么操作，我都会遇到语法错误。
下面是我的TypeScript代码：
var car: Car = new Car({
serialNumber: 25,
engine: new Engin
浏览 0提问于2017-03-01得票数 5
回答已采纳
2回答
我正在尝试创建一个类型记录类MyClass，并在构造函数中动态设置实例属性：
const myInstance = new MyClass(({
someField: 'foo'
}))
myInstance.someField // typescript should show this as type string
如何使用类型记录创建MyClass以将someField显示为myInstance的字符串属性
我能用仿制药吗？有可能吗？
浏览 1提问于2021-11-21得票数 2
回答已采纳
我注意到在Typescript中，你可以将构造函数定义为带有任何访问修饰符(private，protected，public)。它的用途是什么?有没有人能给出一个有效的例子，如何在Typescript中使用私有和受保护的构造函数？
示例这是Typescript中的有效代码：
class A
{
private constructor()
{
console.log("hello");
}
}
浏览 0提问于2018-07-02得票数 14
回答已采纳
我在代码中使用SCSS设置样式，现在我有一个场景，我必须将动态值传递给SCSS文件 $primary-colors: ( 50 : #e8f5f6, 300 : #77c2cb, 500 : #5ab5c0, $primary-selected-color: darken( map-get($primary-colors, 500), 8% ); 为了不设置需要设置动态colrs.So的固定颜色，我做了如下操作 $primary-colors: ( 50 : var(--color1), 300 : var(--color1), 500 : v
浏览 29提问于2020-01-22得票数 1
1回答
我对打字本很陌生，我想把下面的Knockout+js转换成knockout+typescript。Knockout+js正在工作，但是我仍然无法使它与打字稿一起工作.
查看：
<select data-bind="options: choices, value: selectedChoice"></select>
型号：
var MyModel = {
choices: ["Blue", "White", "Black", "Yellow"],
selectedChoice:
浏览 2提问于2017-04-14得票数 0
回答已采纳
1回答
我正在用ES5为angular 2写一个应用程序。
我想有一个动态加载视图子组件，这将加载现有的组件。
我在TypeScript中看到了一些例子，但是我在ES5中没有做到这一点，也没有在基于ng.core.Directive的组件构造函数中注入ng.core.ViewChild，并用动态加载的现有组件更新DOM元素的内容(用该指令标记)。
我试过了
queries:[
formBody: ng.core.ViewChild('formBody')
]
...and我得到了一个ElementRef，但是需要一个ViewContainerRef来用动态加载的组件更新DOM内
浏览 9提问于2017-02-07得票数 1
考虑这个TypeScript类，它通过将实现分成超类和子类来提供类型检查的泛型getter和setter：
class ICompetence {
protected _id : number | undefined;
protected name: string | undefined;
}
export default class Competence extends ICompetence {
set<K extends keyof ICompetence>(key: K, value: ICompetence[K]): void {
浏览 2提问于2018-05-29得票数 4
回答已采纳
目前，我在记录列表的左侧显示了一个圆形图像。我需要这个id属性是动态的，它应该显示在以typescript编写的函数的基础上。我的实际要求是基于5个条件，圆形图像必须改变它的颜色。
现在，样式属性出现在各自的组件CSS中。
请帮助我如何继续
<div id="circle1">
<div id="h3">
<em class="" style="font-size: 0.7rem;font-weight: bold;"></em>
</div>
</
浏览 2提问于2021-05-27得票数 0
此代码运行良好，即根据字符串变量import_codeData的内容动态调用this.import_codeData()，从而在类DataIimporter上执行名为task的方法。
但是，在Visual代码中，TypeScript显示了以下错误：
如果发送一个简单的字符串，则会得到相同的错误：
虽然这段代码运行良好，但我如何才能让TypeScript不在编辑器中显示此错误？
增编：
我在网上复制了这个错误
class DataImporter {
task: string;
constructor() {
this.task
浏览 5提问于2020-10-29得票数 2
15回答
我想从传统的JS迁移到TypeScript，因为我喜欢类似C#的语法。我的问题是我不知道如何在TypeScript中声明静态类。
在C#中，我经常使用静态类来组织变量和方法，将它们放在一个命名类中，而不需要实例化对象。在普通的JS中，我过去常常使用一个简单的JS对象来完成此操作：
var myStaticClass = {
property: 10,
method: function(){}
}
在TypeScript中，我更愿意使用C-sharpy方法，但是在TS中似乎不存在静态类。此问题的适当解决方案是什么？
浏览 16提问于2012-11-04得票数 176
回答已采纳
我有一个带有主题的scss文件
$themes: (
light: (
backgroundColor: #fff,
textColor: #408bbd,
),
dark: (
backgroundColor: #222,
textColor: #ddd,
),
taxi: (
backgroundColor:yellow,
textColor:black,
),
);
当我在我的typescript文件中检查一些条件时，我想在它们之间切换。该怎么做呢？
浏览 0提问于2019-02-28得票数 0
我对TypeScript很陌生。
我创建了一个包含一些私有字段的类。当我试图在类方法中为匿名回调函数中的一个字段赋值时，我会得到一个错误.
(TS) Cannot Find the name '_tokens'
我怀疑存在一个范围界定问题，但据我对JavaScript的理解，这不应该是一个问题。我不知道怎么解决它。有什么想法吗？
你看..。误差的"populateTokens()“方法。
class SingleSignOn {
private _appTokensURL: string = "/api/IFSessionCache/Auth/
浏览 0提问于2018-11-13得票数 1
回答已采纳
在使用对象文本中的动态键时，TypeScript是如何执行类型检查的，我有点困惑。考虑以下两个返回对象副本的函数：
type Foo = {
a: number;
b: number;
};
const INIT_FOO: Foo = { a: 0, b: 0 };
function test1(k: keyof Foo) {
const f: Foo = { ...INIT_FOO, [k]: true };
return f
}
function test2(k: keyof Foo) {
const f: Foo = { ...INIT_FOO };
f[k
浏览 4提问于2020-12-07得票数 6
回答已采纳
我试图将此包转换为TypeScript，而不会发生任何破坏性的更改。我在TypeScript中有以下代码。
// DocumentCarrier.ts
/* export */ class DocumentCarrier {
internalObject: {};
model: Model;
save: (this: DocumentCarrier) => void;
constructor(model: Model, object: {}) {
this.internalObject = object;
this.mod
浏览 2提问于2020-04-11得票数 0
我是一个全新的TypeScript新手，正在尝试调用一个类上的函数。 在文件A中： import userAPIController from "./controllers/customer/userAPIController";
userAPIController.users_index(); 在文件B中： export default class UserApiController {
public users_index(): void {
User.findAll({
attributes: ["given_
浏览 13提问于2019-12-16得票数 0
--
更新:抱歉，我更新了我的问题和代码，它缺少索引器-关键元素。
我有一个TypeScript类：
export class TestClass {
something: string = "";
[index: string]: any;
}
索引器是这样的，所以我可以动态地从/分配给现有的类成员。例如测试=“嗨！”；
但是，当我在另一个TS类中导入这个& use时，我可以这样做：
var test: TestClass = new TestClass();
test.aPropertyNotInTheClass = "Why can I d
浏览 0提问于2018-04-17得票数 0
我无法将从服务器返回的对象转换为我在typescript中创建的类。
我的typescript对象与从服务器返回的对象具有所有相同的属性，唯一的区别是我的typescript类中的属性名是驼峰大小写的，而从服务器返回的属性名是标题大小写的，所以当我在typescript代码中访问像userModel.isActive这样的东西时，它找不到这个属性。下面是我从我的提供者发出的api调用的返回语句。
return this.httpClient.post<UserModel>(url, { params: queryParams });
我试过了：
this.userProvider.
浏览 2提问于2018-08-23得票数 0
我是打字和打字的新手。我使用的是动态属性的泛型。这不是我的实际代码，但我面临着同样的问题。
class Units<T> {
constructor(units: T) {
Object.assign(this, units);
}
}
const myUnits = {
archers: 5,
samurais: 10,
berserks: 3
};
const army = new Units(myUnits);
army.archers;
最后一行出错。
Property 'archers' doe
浏览 0提问于2019-09-25得票数 0
虽然这个话题已经在其他类似的帖子中讨论过了：
我无法找到我的特定问题的答案。所以，如果这是重复的，请原谅。
我正在尝试在Angular 2中创建一个非常简单的指令(使用Typescript)，它允许动态添加或删除一组由Type表示的控件。例如，如果类型为：
class Stone{
constructor(
public nameOfStone?: string,
public typeOfStone?: string
){}
}
UI应该是这样的：
我可以使用一个特定的类型(例如: Stone)来让它工作。但是，考虑到该指令的目标只是添加这个动态添加/删除功能，我
浏览 1提问于2016-04-15得票数 1
我在某个地方看到了这个TypeScript代码。它汇编时没有任何问题：
const eventName = entityName + commandName;
pubsub.publish(triggerName, { [eventName]: response });
我假设它动态地创建一个名为eventName的对象文本。这个假设正确吗？在TypeScript文档中描述了这个特性的位置？
浏览 3提问于2017-11-28得票数 5
回答已采纳
2回答
我有一门课：
const helper = function(val){
console.log(this.a);
console.log(this.b);
this.bar();
};
export class Foo {
public b = '45'
private a = 15;
bar(){
}
myMethod(){
return helper.apply(this,arguments);
}
}
问题是，在helper函数中，它不知道上下文是什么( 'this‘的值是什么)。
有没有办法告诉typescri
浏览 0提问于2018-03-17得票数 0
在typescript中，有没有办法通过修改另一个属性名来动态生成属性名？ 我正在尝试为React高阶组件编写一些类型，用于修改传递给包装组件的属性。如果您为hoc配置了一个属性名称(例如，value)，它也会从中生成一个属性名称(在本例中为defaultValue)。 Typescript playground上的部分工作代码示例。 理想情况下，尝试访问defaultValue时不会出现错误。
浏览 24提问于2019-09-25得票数 0
1回答
我是一名java开发者，正在为Typescript而苦苦挣扎。我有一个名为Shape的抽象类和两个继承它的具体类: Square和Circle。我还想对这些类隐藏构造函数，并创建一个工厂方法getNewShape，它将根据参数决定使用哪个具体的构造函数。在java中，我会简单地写(在形状上)：
public static <T extends Shape> T getNewShape(T reference){
// my logic
reference = T.class.getInstance();
return reference;
}
在Typesc
浏览 0提问于2019-05-16得票数 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
3回答
我希望在不知道TypeScript中的属性名、值和值类型的情况下，为类的实例分配属性。让我们假设我们有以下example.ts脚本：
// This could be a server response and could look totally diffent another time...
const someJson:string = '{ "foo": "bar", "bar": "baz" }'
class MyClass {
someProperty:boolean
constructor
浏览 5提问于2016-12-08得票数 32
回答已采纳
我有一组已经启动的typescript对象，但在代码中，我需要动态地向这些对象添加一些属性。如果我需要通过初始化对象来序列化对象-我该如何做才能使它不包含动态添加的属性？由于我有大量的类和内部类，我正在寻找一种通用的方法，而不是一个接一个的案例。
因此，作为一个示例，我有一个按以下方式定义的类：
export class Car {
public colour: string = '';
public model: string = '';
public diesel?: boolean = false;
constructor () {}
浏览 4提问于2017-07-26得票数 4
回答已采纳
我有一个TypeScript对象，如下所示：
class User {
id: string = "";
location: string = "";
displayName: string = "";
otherAttribute: string = "";
}
如何创建一个类型为User的对象，其中只包含我希望它具有的字段？
例如，我希望能够创建一个用户对象，它只包含id和displayName，但不包含location和属性。我需要创建一个没有不想要的属性的新对象来使用DynamoDB DataMapper，
浏览 5提问于2021-03-30得票数 0
在TypeScript中，给类属性在定义和构造函数中的初始值之间有什么区别吗？
class Car {
engine = 'hybrid';
}
VS.
class Car {
engine: string;
constructor() {
this.engine = 'hybrid';
}
}
浏览 0提问于2018-08-30得票数 4
回答已采纳
在JavaScript中，我可以这样做：
function f() {}
f.prop = "property";
我想在TypeScript中使用这个，但是要进行类型检查。
除了类之外，我可以使用什么TypeScript模式来强制函数获得属性呢？
我能用个接口吗？
interface functionWithProperty {
(): any;
prop: string;
}
在TypeScript中，这似乎是一个有效的接口，但是如何实现这个接口，以便TypeScript编译器检查是否设置了prop？
我看到了
var f : functionWithPro
浏览 5提问于2012-10-31得票数 3
回答已采纳
6回答
我读过关于TypeScript中的静态构造函数的文章，并亲自尝试过，但它不起作用。我想用它初始化一个静态变量(方法只能被调用一次)，但是我得到了以下编译器错误：
错误：“静态”修饰符不能出现在构造函数声明中。
代码：
export class DataManagement {
private static subjects: string[];
static constructor() {
DataManagement.subjects = [];
//some more code here
}
}
浏览 1提问于2018-03-31得票数 32
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
