在Typescript中推荐使用哪种？类类型对象还是具有多个参数的任何类型？
在Typescript中，推荐使用类类型对象而不是具有多个参数的任何类型。
类类型对象是一种更规范和结构化的类型，它允许我们定义和组织相关的属性和方法，并通过创建实例来使用它们。类提供了更好的代码封装和复用性，并且可以通过继承和接口实现来建立类之间的关系。
使用类类型对象的优势包括：
- 封装性：类允许将数据和方法封装在一个对象中，通过定义公共和私有成员来控制访问权限，提高代码的可维护性和安全性。
- 继承性：通过继承，我们可以从现有的类派生出新的类，并且可以在新的类中添加额外的属性和方法，从而实现代码的重用和扩展。
- 多态性：基于类的多态性允许我们使用统一的接口来处理不同的对象，提高代码的灵活性和可扩展性。
- 类型检查和代码提示：使用类类型对象可以在编译时进行类型检查，从而减少潜在的运行时错误，并且编辑器可以提供更好的代码提示和自动补全功能。
在使用Typescript开发时，可以根据具体的场景和需求选择使用类类型对象。对于需要定义一组相关属性和方法，并且需要进行封装和继承的情况，类类型对象是一个很好的选择。而对于仅仅需要处理多个参数的情况，可以直接使用具有多个参数的任何类型。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云开发：https://cloud.tencent.com/product/tcb
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
相关·内容
Spec
根据地图应该这样使用..。
var new_array = arr.map(callback[, thisArg])
问题
TypeScript对map有几个重载声明，这使得extend Array<T>变得非常困难。
我希望看到这个(在lib.d.ts中).
map<U>(callbackfn: (value: T, index: number, array: T[]) => U, thisArg?: any): U[];
但lib.d.ts也有.
map<U>(this: [T, T, T, T, T], callbackfn: (val
浏览 4提问于2017-01-31得票数 9
回答已采纳
我有一个TypeScript应用程序(4.0.x)，它包括以下软件包：
"@typescript-eslint/eslint-plugin": "^4.0.1",
"@typescript-eslint/parser": "^4.0.1",
"@vue/cli-plugin-eslint": "^4.5.4",
"eslint": "^7.8.1",
"eslint-plugin-jsdoc": "^30.3.1",
我的.eslint
浏览 4提问于2020-09-05得票数 1
回答已采纳
在一个React Typescript项目中，我尝试使用一个基类组件，并在State中使用一个额外的属性来扩展它。
如果我天真地将它从
class ErrorBoundaryW extends PureComponent<any, State> {...}
至
class ErrorBoundaryW<SunState = {}> extends PureComponent<any, State & SunState> {...}
尝试分配给State时出现错误：
我如何才能做到这一点？
我知道除了扩展React的原生组件和PureCompon
浏览 0提问于2019-06-27得票数 0
当面对对不同参数类型具有多个相似方法的类时，您是在方法名称中包含了对参数的某种描述，还是将名称保持不变，并相信参数本身提供了足够的信息？对比以下两个例子：
interface Option1 {
update(ObjectA);
update(ObjectB);
update(List<Object>);
}
interface Option2 {
updateA(ObjectA);
updateB(ObjectB);
updateAll(List<Object>);
}
我听到了以下论点：
因为它不包含冗余的infor
浏览 1提问于2011-02-01得票数 0
回答已采纳
我很难理解打字稿的界面规则。我理解以下代码块会引发错误，因为id属性没有在接口中定义：
interface Person {
name: string;
}
let person: Person = { name: 'Jack', id: 209 }
但是，如果我试图通过分配另一个对象来添加TypeScript属性，为什么TypeScript而不是会抛出一个错误呢？例如，像这样：
const samePerson = { name: 'Jack', id: 209 };
person = samePerson;
person对象最终得到id属性，即使它没
浏览 3提问于2021-07-22得票数 5
我需要的非常简单，我只想初始化一个对象，这个对象是我正在初始化的另一个对象的子级。在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
回答已采纳
我是typescript的新手，我想知道typescript中可选属性类的实用程序是什么？它们之间的区别是什么：
a?: number;
a: number | undefined;
浏览 3提问于2017-12-22得票数 59
回答已采纳
1回答
我正在研读多态性，经过一番搜索之后，我对编译时和运行时多态性的区别感到困惑。
假设我有一个类ABC和另一个扩展ABC的类，类DEF如下：
class ABC{
public void myMethod(){
System.out.println("Overridden Method");
}
}
public class DEF extends ABC{
public void myMethod(){
System.out.println("Overriding Method");
}
}
public stat
浏览 16提问于2018-05-27得票数 3
回答已采纳
我正在做一个TypeScript项目，我需要创建一个服务函数。所以我用这种格式创建：
interface UserService {
name: string;
age: number;
complement: string;
}
const userService = ({ name, age, complement }: UserService) => {
// CODE
};
考虑到TypeScript中的最佳实践，使用第二种格式可以吗?还是需要键入作为第一种格式传递给的对象？
第一种格式：
const user: UserService = {
name:
浏览 2提问于2022-05-18得票数 0
回答已采纳
我最近在TypeScript上偶然发现了这种奇怪的行为。在编译期间，只有当期望变量的类型是接口时，如果接口没有强制字段，它才会抱怨过多的属性。链接到TypeScript游乐场#1：
interface IAnimal {
name?: string;
}
class Animal implements IAnimal {
}
var x : IAnimal = { bar: true }; // Object literal may only specify known properties, and 'bar' does not exist in type
浏览 5提问于2015-11-09得票数 7
回答已采纳
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
2回答
两者之间的区别是什么？ 一个拥有explore()的超类和一个拥有相同方法的继承类，这是重写还是多态性？ 我很清楚b/w重载和重载的区别，但是多态和重载似乎是一样的。还是真的是这样？ class A:
def explore(self):
print("explore() method from class A")
class B(A):
def explore(self):
super().explore() # calling the parent class explore() method
print(&
浏览 16提问于2019-01-02得票数 0
我对TypeScript非常陌生。我有一个场景，我希望将一个类型赋值给一个变量，该变量的值是从第三方库的函数返回的，并且它有自己的类型定义。
例如：
import {omit} from 'lodash'
interface ITest {
a: String;
}
const foo: Object = {
a: "dfdf",
b: "sdfsdf",
}
const expected: ITest = omit(foo, 'b')
这显示了这个错误。
ts类型'{}‘不能分配到键入'ITe
浏览 2提问于2016-12-03得票数 1
回答已采纳
我在一个项目中有一个正在尝试键入的对象： export const dateFormat = {
hourOnly: { hour: 'numeric' }
…
} 我知道这个对象中的值应该适合Intl.DateTimeFormatOptions，所以我尝试： export const dateFormat: {[key: string]: Intl.DateTimeFormatOptions} = {
hourOnly: { hour: 'numeric' }
…
} 这是可行的，但是我失去了在项目中的其他地方自动完成这个对象的能力。我试着在
浏览 12提问于2019-04-04得票数 0
回答已采纳
这段代码在vanilla javascript中运行良好。
const enhancementA = {
a() {
return this.c + 1;
},
};
const enhancementB = {
b() {
return this.c + 2;
},
};
class C {
c = 0;
constructor() {
Object.assign(this, enhancementA, enhancementB);
}
}
const d = new C();
d
浏览 17提问于2021-02-25得票数 1
我试图理解TypeScript中的行A是如何编译的，而行B却不是。 function someFunction<T>(arg: T): void {
console.log(arg)
}
someFunction<string>('some string') // obviously, it works
someFunction<string>(null) // [A] compiles
someFunction<string>(2) // [B] doesn't comp
浏览 12提问于2020-08-19得票数 2
回答已采纳
使用React，我定义了两个接口，ICard，IList：
ICard
interface ICard {
id: any;
text: string;
index?: number;
list?: number;
}
IList
interface IList extends Array<ICard> {
index?: number;
}
我想要创建一个类型，它是一个IList列表，我将在一个独立的组件中使用它，该组件位于IList之上并保存这个列表列表。我尝试将setState中的列表定义为：
const [lists, setList
浏览 2提问于2021-01-20得票数 1
我正在将一个C#桌面应用程序重构为一个棱角/类型记录的web应用程序。
C#应用程序中的所有类属性都使用PascalCase，所以我认为，保留它是个好主意。
下面是两个基本相同的TypeScript类的示例。1号使用PascalCase，2号使用camelCase：
//PascalCase
export class Info
{
public ManagedType:string;
public ApiTemplate:string;
}
//camelCase
export class Info
{
public managedType:string;
浏览 4提问于2019-04-03得票数 0
回答已采纳
我有一个int，我在这里使用模板解决方案将其封装为“属性”：
template<typename T>
class Property
{
protected:
T& _value;
public:
Property(T& value) : _value(value)
{
} // eo ctor
Property<T>& operator = (const T& val)
{
_value = val;
return *this;
}; /
浏览 3提问于2015-12-03得票数 2
回答已采纳
我正在看这段代码，来自fastify的typescript定义。我在理解这些定义时遇到了麻烦。我知道尖括号是用于泛型的，但是typescript教程主要是用于像Array这样的东西，而不是不同的类。而且，其中有几个有多个类型，用逗号分隔。这个定义是包括所有的吗，还是只有一个列表可以从中选择一个？typescript规范谈到了类型化参数列表，但没有给出一个很好的例子。如果有人告诉我这是怎么回事我会很感激的。
this: FastifyInstance<HttpServer, HttpRequest, HttpResponse>,
req: FastifyRequest<Http
浏览 0提问于2019-08-30得票数 0
我想要有这样的功能：
createEntity<TEntity>(): TEntity {
return new TEntity();
}
在C#中，我们可以写：
void TEntity CreateEntity<TEntity>() where TEntity : new()
我如何在TypeScript中做到这一点？
浏览 6提问于2016-01-09得票数 18
回答已采纳
我试图根据"OrderBy“的值将按钮的状态设置为active，但没有结果，我尝试了堆栈溢出中的所有Q/A。
<div class="btn-group col-md-offset-5" style="right: 12px !important;">
<label class="btn btn-default" ng-class="'active':orderProp=='name'">
<input type=
浏览 0提问于2015-03-26得票数 1
回答已采纳
1回答
我正在研究如何将以下function函数转换为function组件类：
import type { AppProps } from 'next/app'
import React from 'react';
import '../styles/styles.css';
function MyApp({ Component, pageProps }: AppProps) {
return <Component {...pageProps} />
}
export default MyApp;
由于我使用的是严格的TypeScri
浏览 10提问于2022-11-25得票数 1
回答已采纳
也许这个问题已经问过了，但我找不到任何问题。而且看起来太天真了。TypeScript很好地使用了对象文字表示法，但是当它在其中定义方法时，如果不能正确处理函数内部的this上下文，this似乎会接收any类型，因此没有自动完成。
var foo = {
log(str) {
console.log(str);
},
print(str) {
this. /* No autocompletion */
}
};
foo. /* Normal autocompletion */
当然，我希望自动完成在方法上正常工作，就像使用
浏览 7提问于2017-05-28得票数 0
回答已采纳
2回答
参数类型的兼容性
、、
我想知道我的想法是否正确，还是我犯了一个大错误。让我们有一个简单的代码：
class A { String a = "a"; }
class B extends A { String b = "b"; }
void goofy(Map<String, A> map) {
A? item = map["b1"];
print(item?.a);
}
void croc(dynamic map) {
final A? item = (map as Map<String, A>)["b1"];
浏览 5提问于2021-12-03得票数 0
回答已采纳
我刚开始使用typescript @types文件。我已经安装了aws-sdk和@types/aws-sdk。我正在尝试调用swf中的列表打开工作流。第一个参数是"ListOpenWorkflowExcusionsInput“，我看到类型文件声明为接口。我真的需要实现这个接口吗?还是我遗漏了什么？
import {SWF} from "aws-sdk"
import {ListOpenWorkflowExecutionsInput} from 'aws-sdk/clients/swf';
let swf:SWF = new SWF();
let par
浏览 19提问于2018-02-22得票数 1
回答已采纳
阅读，我终于开始真正地探索泛型的一些更微妙的要点了。
但我还是对一些行话很感兴趣。我的外行对“最左边的”和“最右边的”的理解显然不同于兰格在中使用它的方式。
在转换过程中，类型擦除将执行，这意味着如果没有指定绑定，类型参数将被它们的最左边的绑定或对象替换。
..。
"Type Erasure。最左边的上限用于类型擦除，并在字节码中替换类型参数。在我们的Box {.}类中，所有出现的T将被上界数字替换。例如，如果类Box有一个类型为T的私有字段，而用于设置此私有字段的方法空集(T content)，则该字段将在类型删除后为类型编号，并且该方法将被转换为一个方法void集(数字内
浏览 3提问于2015-06-27得票数 2
为什么typescript ES6没有检测到对象不是函数？
find: (collection: string, query: object, sortQuery = {}, cb?: Function) => {
socketManager.call('find', collection, query, sortQuery, cb);
}
基于此函数，您可能会认为这将失败：
this._services._socket.methods.find('vendors', {type: 'repair'}, (errVen, resV
浏览 4提问于2018-11-28得票数 5
回答已采纳
我们在一个typescript类之外创建一个graphql查询，可能会使用反射吗？
export class GraphQlMagicGenerator {
fetch(query: string, args: any) {
}
}
export class PatientsQuery extends GraphQlMagicGenerator {
constructor(patientId: number) {
super()
super.fetch("patient", {
id: pat
浏览 5提问于2019-07-09得票数 0
我看到一个打字代码，像这样 type Point = PartialPointX & { y: number; }; 我知道javascript中的'&‘是" and "，'|’是"OR"，它们在typescript中的工作方式是不同的吗？
浏览 109提问于2019-08-28得票数 0
3回答
大多数静态类型化语言允许为函数或构造函数参数指定单个类型；例如
function foo(x: string) { ... }
foo("hello") // works
foo(123) // error
TypeScript是一个静态类型的超级JavaScript集，但是由于JavaScript是一种动态类型化语言，TypeScript允许您更灵活一些；例如，您可以指定多个允许的类型。
function foo(x: string | number) { ... }
foo("hello") // works
foo(123) /
浏览 2提问于2019-11-18得票数 1
1回答
我有自定义的Firebase auth处理(Auth0 => Firebase)，所以我使用TypeScript和Svelte一起运行我的所有登录逻辑，一旦我有了一个成功的JWT令牌，无论是从sessionStorage还是从一个新的登录，我就启动我的Elm应用程序，通过一个标志发送一些JWT和profile信息。这是一个SPA，有一个路由和页面，所有组件和工作良好。
我现在唯一真正的问题是，当涉及到Firebase时，当然，ElmFire是存在的，但是我如何才能给它一个活动的auth令牌等等。如果没有为JS加载firebase，也没有为Elm加载ElmFire，似乎就会有太多的Kb。
浏览 5提问于2017-01-17得票数 1
1回答
在运行时，是否有可能在Typescript中声明类属性是必需的？
<code>A0</code>
是否可以使用emitDecoratorMetadata或experimentalDecorators来告知需要ad和ae？
我之所以问这个问题，是因为我正在编写一个REST API，A的对象是自动生成的，我想验证当请求POST数据传入时，是否真的设置了ad和ae。
非常感谢你提前
浏览 6提问于2019-08-21得票数 1
回答已采纳
1回答
我有一个泛型类型，它将是事件系统中事件的基类。我们希望这些是单例，但它也是通用的，以便子类可以指定事件触发时在回调中所期望的参数的类型。
我所拥有的是这样的：
export interface IEvent { }
export interfact IEventArg { }
export abstract class Event<TEvent extends IEvent, TEventArg extends IEventArg> implements IMessageHandler {
private static s_instance : any;
private sta
浏览 6提问于2015-12-11得票数 2
回答已采纳
我已经用TypeScript写了大约一年了，我遇到了一个很好的用锈蚀写的关于Github的项目，我想用TypeScript来包装。我从来没有用铁锈编程，但我确实有C++方面的经验。我相信标题中的问题已经很清楚了。Rust中的结构是否类似于TypeScript中的接口？
浏览 4提问于2022-07-08得票数 0
回答已采纳
typescript如何在解析的值数组中键入Promise.all()，typescript如何推断每一项的类型？我在Promise.all()的类型签名中只看到一个泛型T，但是为什么我能够传递解析为不同类型的值的promises？ 更详细地说，为什么我的promiseAll实现抛出了typescript类型错误，而内置的typescript却像魔术一样工作？ const promiseAll = function<T>(promises: Promise<T>[]): Promise<T[]> {
const results: T[] = [];
浏览 89提问于2021-10-27得票数 0
回答已采纳
1回答
我试图用一个额外的方法扩展jQuery不显眼的验证接口，但出于某种原因，它根本不会获得接口。下面的代码片段是我尝试在TypeScript操场上作为测试运行的一个简单片段，但它声称它“无法找到名称'Validator'"，这很奇怪，因为这个代码片段遵循在TypeScript中增强类型的一般语法，而且在这个中使用的语法与完全相同。
interface Validator {
parseDynamicContent: (selector: string) => void;
}
Validator.prototype.parseDynamicContent =
浏览 3提问于2015-08-07得票数 0
10回答
假设我在一个类中有两个方法
public void eat(int i,String s)和
public void eat(String s, int i)
那它是什么样子。重载还是重载？
浏览 0提问于2010-10-03得票数 10
回答已采纳
为什么下面的TypeScript代码无效？
type A = { kind: "a" }
type B = { kind: "b" }
const a = (a: A): void => undefined
const b = (b: B): void => undefined
const c = <C extends A | B>(c: C): void => (c.kind == "a" ? a(c) : b(c))
看来TypeScript无法理解在c.kind == "a"之后，c是一个A
浏览 0提问于2018-09-18得票数 2
回答已采纳
4回答
使用继承的未知属性
、、、
在Angular和TypeScript中，我有一个接口
export interface A {
name: string;
}
现在，继承自它的另外两个接口：
export interface B extends A {
year: number;
}
export interface C extends A {
place: string;
}
现在，当我在Angular组件中使用它作为输入时，我该如何处理它：
@Input()
obj: A;
因此，我说，我并不关心对象是B还是C，它需要是A类型的。但是一旦我调用
obj.year;
因为year不存在于类型A的对象
浏览 0提问于2019-08-26得票数 0
1回答
我使用的是Typescript 3.0.1。在下面的代码中，为什么第7行没有编译器错误？我以前曾经有过这种行为；它是从Typescript中删除的，还是有一些奇怪的回归？
type A = {type :"a"}
type B = {type :"b"}
type Any = A | B
function get<T extends Any>(x: T["type"]): T|undefined {
switch (x) {
case "x": return undefined
浏览 0提问于2018-08-30得票数 3
我试图在TypeScript中实例化一个泛型类。
在C#，我会这样做的
class MyPacket<T> {...}
var t = typeof(...);
var genericContainer = typeof(MyPacket<>).MakeGenericType(new[]{ t });
var instance = Activator.CreateInstance(genericContainer);
我的用例是，我正在接收来自网络的消息。我还有一个EventEmitter，它期望被调用的类型是正确的。
(msg: Message): void =&g
浏览 0提问于2018-04-19得票数 1
回答已采纳
1回答
有没有像这样重写TypeScript的方法？
在此之前
(({id, name}) => ({id, name}))(user)
之后
const keys = {id, name}
((keys) => (keys))(user)
浏览 10提问于2019-07-17得票数 0
我使用TypeScript输入以下内容： const k = {
container: {
width: '100%',
},
} 当我使用智能感知时，TypeScript发现我的对象k有一个名为container的属性似乎很酷。它工作得很好。现在，我想限制属性的值，所以我声明了一个接口： interface StyleSet {
[key: string]: React.CSSProperties
} 现在我将类型添加到前面的对象中，所以我们有： const k: StyleSet = {
container: {
width: '10
浏览 48提问于2020-09-17得票数 0
全部：
我对TypeScript非常陌生，当我从它的官方网站上阅读TypeScript手册时，有一个例子：
在使用类和接口时，类的静态/实例端之间的区别，有助于记住类有两种类型:静态端的类型和实例端的类型。您可能会注意到，如果您创建一个具有构造签名的接口，并尝试创建一个实现此接口的类，则会得到一个错误：
interface ClockInterface {
new (hour: number, minute: number);
}
class Clock implements ClockInterface {
currentTime: Date;
const
浏览 5提问于2015-12-03得票数 0
回答已采纳
我正在查看Discord.JS文档，特别是位于这里的Channel文档：和我看不到从这个对象可以访问的对Message的任何引用。
在我的工作代码中：
const discord = require('discord.js')
const client = new discordjs.Client()
...
client.channels.cache.get(channelId)
await channel.messages.fetch()
我的代码使用的是在package.json和yarn.lock中定义的v12.2.0。
"discord.js": &#
浏览 3提问于2020-08-05得票数 1
回答已采纳
我正在更新一个旧的javascript express应用程序到一个全新的typescript应用程序。我在输入populate时遇到了问题 /* Kind of like a middleware function after creating our schema (since we have access to next) */
/* Must be a function declaration (not an arrow function), because we want to use 'this' to reference our schema */
const
浏览 25提问于2021-04-05得票数 0
回答已采纳
在试图找到将http调用的json响应转换为TypeScript类/接口的最佳方法时，我在上找到了这个代码片段。
getTeachers(): Observable<Teacher> {
return this.http.get('someUrl')
.map((res: Response) => res.json())
}
看起来不错，但我不明白它是怎么工作的。
为什么没有强制转换语法将泛型any类型的res.json()转换为更具体的类型Teacher？
为什么建议Teacher是TypeScript interface而不是TypeS
浏览 4提问于2016-06-20得票数 3
回答已采纳
我是TypeScript的新手，我分配接口失败。
我有一个这样的数组：
const data = [{ size: 1, count: 3, normal: 'one' }, { ... }]
我将其提供给一个函数，这样我就可以在HTML视图中呈现数据。我为对象创建了一个接口，以确保属性是正确的类型：
function getWebviewContent(data: object[]) {
interface Properties {
normal: string
count: number
}
return `<
浏览 4提问于2020-02-09得票数 0
回答已采纳
我想在typescript中键入这样的函数：
(anyClass, somePropertiesObject) => newClassExtendingAnyClassWithPropsAddedFromTheObject
该函数的目的非常简单，只需将一些类和一些对象作为参数，并返回新的类，扩展提供的类，但从第二个参数中添加属性。
我真的很难弄清楚如何正确地输入它。我真的很感谢你的帮助。
浏览 14提问于2021-11-26得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
