TypeScript属性
是指在TypeScript编程语言中，用于描述类或对象的特征和行为的数据成员。属性可以包含数据类型、访问修饰符和初始值等信息。
属性可以分为实例属性和静态属性两种类型。实例属性是指每个类的实例都具有的属性，而静态属性是属于类本身的属性，不依赖于类的实例。
TypeScript属性的分类：
- 公共属性（Public）：公共属性可以在类的内部和外部访问。使用public关键字来声明公共属性。
- 私有属性（Private）：私有属性只能在类的内部访问。使用private关键字来声明私有属性。
- 受保护属性（Protected）：受保护属性可以在类的内部和子类中访问。使用protected关键字来声明受保护属性。
- 只读属性（Readonly）：只读属性只能在声明时或构造函数中初始化，之后不能再修改。使用readonly关键字来声明只读属性。
- 静态属性（Static）：静态属性属于类本身，不依赖于类的实例。使用static关键字来声明静态属性。
TypeScript属性的优势：
- 类型安全：TypeScript属性可以指定数据类型，提供了静态类型检查，可以在编译阶段发现类型错误，减少运行时错误。
- 面向对象：属性可以用于描述类的特征和行为，使代码更加模块化、可维护和可扩展。
- 可读性和可维护性：属性的命名和类型注解可以提高代码的可读性和可维护性，使代码更易于理解和调试。
- 代码重用：通过继承和接口等特性，可以在不同的类之间共享属性，提高代码的重用性和灵活性。
TypeScript属性的应用场景：
- 类的属性和方法：属性用于描述类的特征，方法用于描述类的行为，可以通过属性和方法来实现类的封装、继承和多态等面向对象的特性。
- 数据模型和数据访问层：属性可以用于描述数据模型的字段，通过属性的类型和访问修饰符来限制字段的取值范围和访问权限。
- 表单验证和数据校验：属性可以用于描述表单字段的验证规则和数据校验的逻辑，通过属性的类型和验证器来验证用户输入的数据。
- 配置项和全局变量：属性可以用于描述配置项和全局变量，通过属性的默认值和只读属性来定义配置项的默认值和全局变量的取值范围。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL版（CDB）：提供稳定可靠的云数据库服务，支持高可用、备份恢复和自动扩容等功能。详情请参考：https://cloud.tencent.com/product/cdb
- 云原生容器服务（TKE）：提供高度可扩展的容器化应用管理平台，支持容器编排、自动伸缩和服务发现等功能。详情请参考：https://cloud.tencent.com/product/tke
- 人工智能机器学习平台（AI Lab）：提供丰富的人工智能算法和模型训练平台，支持图像识别、语音识别和自然语言处理等应用。详情请参考：https://cloud.tencent.com/product/ailab
- 物联网平台（IoT Explorer）：提供物联网设备接入和数据管理服务，支持设备注册、数据上报和远程控制等功能。详情请参考：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：提供高效可靠的移动消息推送服务，支持Android和iOS平台的消息推送。详情请参考：https://cloud.tencent.com/product/xgpush
- 云存储（COS）：提供安全可靠的云端存储服务，支持文件存储、数据备份和多媒体存储等应用。详情请参考：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：提供快速部署和管理区块链网络的服务，支持智能合约开发和链上数据存储等功能。详情请参考：https://cloud.tencent.com/product/bcs
- 元宇宙平台（Qcloud XR）：提供虚拟现实和增强现实的开发和运营平台，支持虚拟场景构建和交互体验设计等功能。详情请参考：https://cloud.tencent.com/product/qcloudxr
相关·内容
我正在读的TypeScript手册。上面写着：
管理对readonly含义的期望是很重要的。在TypeScript的开发期间，对如何使用对象发出信号是很有用的。在检查两种类型上的属性是否兼容时，TypeScript不考虑这些属性是否是readonly，因此readonly属性也可以通过混叠进行更改。
通过说“管理对readonly含义的期望是很重要的，在TypeScript开发期间对如何使用对象发出信号是有用的”，这到底意味着什么呢？我可以理解这是关于使用readonly的优势，但我仍然不太明白。
浏览 4提问于2021-11-20得票数 0
回答已采纳
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
回答已采纳
在VS代码中使用TypeScript时，我无法通过使用否定的真实/错误缩小来推断对象的合并类型。
以下列例子为例：
// object union type
export type Result = { ok: true; value: 'foo' } | { ok: false; error: 'bar' };
const resolve = (): Result => ({ ok: false, error: 'bar'});
const result = resolve();
// narrowing on my machine
浏览 5提问于2022-09-25得票数 2
1回答
我试图为TypeScript中的字段创建一个getter和setter。
searchFilter: string;
get searchFilter(): string {
return this.searchFilter;
}
set searchFilter(value: string) {
this.searchFilter = value;
}
这会产生错误：
Duplicate identifier 'searchFilter'.
我在一个角度项目中使用TypeScript。
@angular/cdk: 6.0.1
@angular/cli: 1.7.4
浏览 0提问于2018-05-10得票数 4
回答已采纳
我有一个类型为SomeObject[] | undefined的变量，我正在访问.length属性，但是TypeScript没有警告我它可能是未定义的。下面是vscode的截图：
如你所见，没有一条红线。
我曾尝试在TypeScript操场上复制这个选项，但我做不到(它总是警告我这个属性可能是未定义的)。
我启用了strict、strictNullChecks、strictFunctionTypes、strictPropertyInitialization和strictBindCallApply，但是我在这里找不到使TypeScript产生错误的选项。
我需要启用哪个选项来使Type
浏览 3提问于2020-04-03得票数 0
在TypeScript中，我试图使用for (let x in obj)循环，但是TypeScript编译器没有正确识别x的类型.它总是假设它是string类型的。
在下面的示例中，正确地检测到obj循环外的for类型。TypeScript编译器将其识别为number。但是，当obj应该是number时，for循环中的string就会被识别为string。
let myObj: { [key: number]: number } = { 0: 43, 5: 23 };
let obj = myObj[0]; // let obj: number
for (let obj in myObj)
浏览 0提问于2017-12-01得票数 1
回答已采纳
用另一种方式表达
如何在windowState中键入TypeScript DOM属性？
解决了(在TypeScript 2中)
declare var windowState: WindowState
const enum WindowState {
STATE_MAXIMIZED = 1,
STATE_MINIMIZED = 2,
STATE_NORMAL = 3,
STATE_FULLSCREEN = 4
}
...
var windowState = 5 // Type Error, as expected!
原始问题
如何在declare中使用type来描述代数数据类型
浏览 6提问于2015-11-25得票数 14
回答已采纳
无法在ng构建上构建角项目-prod
ERROR in ./node_modules/ng2-material-dropdown/fesm5/ng2-material-dropdown.js Module build failed (from ./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js): TypeError: Cannot read property 'kind' of undefined at isAngularDecoratorMetad
浏览 3提问于2020-12-28得票数 0
我使用的是vue合成api和typescript。
如何使用typescript打字系统强打字组件道具？
浏览 7提问于2020-01-29得票数 29
回答已采纳
在JavaScript中，我们在Symbol对象上有全局符号，比如Symbol.iterator和Symbol.match。 我可以通过擦除any的类型来分配属性，但是TypeScript不能识别它。 // Define Symbol.hello
(Symbol as any).hello = Symbol("hello");
// Try using it later:
Symbol.hello;
// TypeScript error: Property 'hello' does not exist on type 'SymbolConstruc
浏览 16提问于2021-09-09得票数 1
我无法将从服务器返回的对象转换为我在typescript中创建的类。
我的typescript对象与从服务器返回的对象具有所有相同的属性，唯一的区别是我的typescript类中的属性名是驼峰大小写的，而从服务器返回的属性名是标题大小写的，所以当我在typescript代码中访问像userModel.isActive这样的东西时，它找不到这个属性。下面是我从我的提供者发出的api调用的返回语句。
return this.httpClient.post<UserModel>(url, { params: queryParams });
我试过了：
this.userProvider.
浏览 2提问于2018-08-23得票数 0
我正在使用TypeScript 0.8.3并试图使工作。
我的设置有点不同，但应该真的能用。请记住，当我构建该项目时，它工作得很好，只是不需要保存：
显然，第一件事是：Tools > Options > Text > TypeScript > Project > on Save上编译为“自动编译作为项目一部分的TypeScript文件”
然后在我的.csproj文件中
<PropertyGroup Condition="'$(Configuration)' == 'Debug'">
<T
浏览 3提问于2013-03-27得票数 15
回答已采纳
我有一个Maven Java项目，它在一个Maven项目(单个模块项目)中同时构建Java文件和JavaScript (TypeScript)文件。如何让Java插件不仅扫描SonarQube源代码，还扫描JavaScript/TypeScript源代码？目前，SonarQube只将项目识别为Java，而忽略了扫描任何JavaScript/TypeScript源文件。
浏览 65提问于2020-10-31得票数 0
我在我的应用程序中使用typescript。
html代码：
<input type="text" name="lastname" id="last">
打字代码：
let myContainer = <HTMLElement>document.getElementById('last');
myContainer.innerHTML = "";
我想使用typescript为姓氏字段设置空值。我正在使用上面的代码。但无法使用typescript添加空值。
我也尝试过使用下面的代码：
doc
浏览 13提问于2017-08-16得票数 3
回答已采纳
我有一个实现接口的类，两个类在typescript中都有这个属性 [propName: string]: any; 这在typescript中的类中意味着什么？为什么我们要用括号将propName括起来？我如何在我的c#模型中表示这个属性？
浏览 14提问于2019-05-21得票数 2
回答已采纳
我想将这个JavaScript代码转换为TypeScript：
if (!window.INITIALIZED) {
init();
window.INITIALIZED = true;
}
runCode();
window对象是在TypeScript中键入的，编译器将抛出一个错误，说明'Window & typeof globalThis'类型上不存在属性INITIALIZED。
在不禁用TypeScript特性或忽略这些行的类型检查的情况下，我如何正确地修复这个问题？
浏览 2提问于2020-05-09得票数 2
回答已采纳
我想创建一个通用的TypeScript类，用于呈现(作为HTML )实现特定interface的对象数组。
例如：
class GenericListRenderer<T> {
items: T[];
constructor(listItems: T[], className?: string){
this.items = listItems;
...
}
private getPropertyNames(): string[]{
// What is the best way to access all property
浏览 3提问于2015-05-13得票数 35
1回答
我已经开始用Typescript重写一些Javascript代码，以了解Typescript是如何工作的。但是，我遇到了Type注解带来的一些麻烦。
我尝试从输入字段中获取文件，在Javascript中我是这样做的
var file = document.getElementById('upload_files').files[0];
我现在尝试在Typescript中编写什么，但我不知道，我必须如何强制转换才能访问typescript中的.files属性。
浏览 0提问于2016-04-06得票数 3
在TypeScript中，我已经知道使用问号将函数参数或接口属性标记为可选的。当您在使用函数或接口时忽略设置非可选值时，TypeScript会给您带来错误。
但是TypeScript还允许您在类属性中使用问号，例如：
class MyClass {
propertyWithoutQuestionMark:string;
propertyWithQuestionMark?:string; // what's the difference?
}
以上两个属性在TypeScript将如何允许您使用(而不是或使用)它们或类的方式上有什么不同吗？
我在网上发现的一切似乎都是关
浏览 2提问于2018-11-06得票数 0
1回答
我试图在页面加载时隐藏一个div。每当页面加载时，我希望根据API调用的结果显示或消失某些文本。 请原谅新手的问题，总的来说，我是TypeScript和Vue的新手。 下面是我的代码： <div class="row" v-if="!isHidden">
<p>
Your file is available!
</p>
</div> 虽然我的TypeScript看起来像这样： @Component
export default class File exte
浏览 12提问于2021-09-30得票数 0
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
回答已采纳
我是typescript的新手，我想知道typescript中可选属性类的实用程序是什么？它们之间的区别是什么：
a?: number;
a: number | undefined;
浏览 3提问于2017-12-22得票数 59
回答已采纳
1回答
在TypeScript中符号的含义是什么？它来自Java，与接口声明一起使用似乎有点多余。为什么要在TypeScript中设置符号？即以下代码段：
export const RawProcessOptions = Symbol("RawProcessOptions");
export interface RawProcessOptions extends ProcessOptions {
}
浏览 13提问于2018-08-21得票数 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 3.4，下面的代码有一个奇怪的问题
interface MyInterface {
fn: (x: number) => number;
}
abstract class A {
abstract prop: MyInterface;
}
class B extends A {
prop = { fn: x => x }; // complains about x having implicit any here
}
TypeScript抱怨我的函数有一个隐式参数。现在当我写B类的时候
class B extends A {
pr
浏览 0提问于2019-04-04得票数 1
回答已采纳
我有以下TypeScript片段：
class Jedi {
private readonly name: string = 'Skywalker';
constructor(name: string) {
this.name = name; //Why I am able to modify name.
}
toString():string {
return this.name;
}
}
var jedi = new Jedi('Kenobi');
console.log(jedi.toString()); //K
浏览 2提问于2017-02-13得票数 17
回答已采纳
我正在尝试覆盖lit-element中的set属性。我正在使用Typescript，并在自定义元素中使用装饰器设置值，尽管当我尝试通过在index.html中设置不同的属性来覆盖该元素时，它不会覆盖...
当我点亮属性时，它只在console.log -element中设置了属性。
我在LitElement上使用mixinBehaviours、IronA11yKeysBehavior和GestureEventListeners。
当使用普通的javascript表示法时，该属性确实会被覆盖，尽管如果可能的话，我更喜欢保留装饰器。
// TypeScript file
class Carous
浏览 2提问于2018-12-21得票数 0
我正在尝试在类型记录中设置一个类型，所以当您试图访问未通过这种类型的access exampleVar['test string']定义的属性时，会出现错误。
例如
type Account = {
accountInfo: accountInfo;
key: number;
}
type accountInfo = {
'Date Reported'?: string | null;
'Status': string | null;
}
const testAccount: Account = {
accountInfo
浏览 2提问于2020-03-24得票数 3
回答已采纳
我在某个地方看到了这个TypeScript代码。它汇编时没有任何问题：
const eventName = entityName + commandName;
pubsub.publish(triggerName, { [eventName]: response });
我假设它动态地创建一个名为eventName的对象文本。这个假设正确吗？在TypeScript文档中描述了这个特性的位置？
浏览 3提问于2017-11-28得票数 5
回答已采纳
我在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对象：
{
game: false ? new Game() : undefined,
}
虽然这确实允许typescript推断此属性的类型，但我必须禁用一个有用的eslint规则。这似乎也不是实现这一目标的预期方式。有没有更好的方法？
浏览 15提问于2021-05-20得票数 0
1回答
问:在Typescript中命名私有属性的最佳实践是什么?作为规则，应该为该属性创建一个“get and set”吗？
阅读下面的链接让我停下来思考我认为是编码Typescript的一个很好的实践：
我理解他对他的编码指南的限定，这不是一个说明性的指南，然而，他关于命名私有属性的约定在我的脑海中引发了关于在Typescript中正确封装和使用私有属性的问题。我一直遵循的惯例是以下划线为前缀命名私有属性，然后创建一个get和set，用于从该属性赋值或获取值。回到Anders的Delphi时代，正是这种约定使它成为一种属性，而不仅仅是另一个变量。该属性赋予了它允许使用工具的特性。
示例：
…
pr
浏览 15提问于2018-02-15得票数 1
回答已采纳
我希望typescript能够检测到函数何时会返回未定义的值并向我发出警告。我尝试了以下操作，但typescript站点上的游乐场编辑器没有显示任何警告
class Test {
get(key: string) :string{
var hash = {'some-key': 1, 'some-other-key': 3};
return hash[key]
}
}
当一个函数有时会返回一个未定义的值，而你显式地声明它应该只返回某个特定的类型时，是否有可能让typescript发出警告？
浏览 0提问于2013-04-17得票数 3
我有这个接口。
interface parts {
general: boolean,
source: boolean,
target: boolean
}
当init状态在父组件中并使用该接口键入时，TypeScript按预期工作。
const Parent: React.FC = () => {
const [parts, setParts] = useState<parts>({
general: false,
source: false,
target: false,
w
浏览 5提问于2022-04-12得票数 1
回答已采纳
1回答
在将ReasonML添加到React本机typeScript代码基之后，我发现@genType只生成了一个类型，尽管BuckleScript成功地转换了这两个函数。如何解决这个问题？
reasonSum.re
[@genType]
let reasonSum = (a, b) => a + b;
let reasonSum2 = (a, b) => a + b;
reasonSum.gen.tsx
/* TypeScript file generated from reasonSum.re by genType. */
/* eslint-disable import/first
浏览 5提问于2020-02-27得票数 1
回答已采纳
1回答
我在snippets/snippet.json文件中创建了如下代码片段：
{
"Add subscription": {
"scope": "typescript",
"prefix": "!subscription",
"body": "subscription: Subscription$0;",
"description": "Add subscription property to a class"
}
浏览 2提问于2020-09-30得票数 0
回答已采纳
我喜欢在typescript中执行以下操作，在typescript中，我的对象可以接受任何属性作为字符串，但当使用specialCase属性时，它应该是一个int[]。我该怎么做？ interface MyObject {
nodeName: string;
props: {
[x: string]: string;
specialCase: int[];
};
}
浏览 74提问于2019-12-08得票数 0
回答已采纳
1回答
查找角项目中无用的依赖项注入
、、、、
我尝试使用Eslint在我的角度/离子组件中找到无用的依赖项注入。
示例：
import { BasicDataService } from '../../providers/basic-data.service';
@Component({
selector: 'app-login',
templateUrl: './login.page.html',
styleUrls: ['./login.page.scss'],
})
export class LoginPage implements OnIni
浏览 0提问于2021-11-21得票数 0
回答已采纳
当我使用解构时，Typescript不检查道具。
我已经尝试过typescript的严格标志了
让我们来描述一下简单组件
const Component = (props: { foo: string }) => <div />;
下一个代码将抛出typescript错误
<Component foo="foo" bar="bar" />
但这不是
<Component foo="foo" {...{bar: 'bar'}} />
那么如何强制typescript在两种不同的代码上显示错误
浏览 3提问于2019-07-13得票数 0
我有这个函数，它曾经在普通的javascript中工作。我现在正试着把它“转换”成Typescript。
function checkStatus(response :any) {
if (response.status >= 200 && response.status < 300) {
return response;
} else {
const error = new Error(`HTTP Error ${response.statusText}`);
error.status = response.statusText;
浏览 0提问于2018-01-30得票数 1
我在客户端使用TypeScript，当我运行应用程序时，有两个错误显示如下：
@typescript-eslint/no-unsafe-assignment: Unsafe assignment of an `any` value.
@typescript-eslint/no-unsafe-member-access: Unsafe member access .value on an `any` value.
这是我的代码：
const userInfo = ref({} as UserInfo) // first error
$f.axios
.get<UserInfo&
浏览 5提问于2022-02-23得票数 0
我有一个这样的eslint配置文件.eslintrc.json (可以是.eslintrc)： {
"env": {
"browser": true,
"es6": true
},
"extends": [
"eslint:recommended",
"plugin:react/recommended",
"plugin:@typescript-eslint/eslint-recommended",
&
浏览 39提问于2020-06-22得票数 0
所以我在我的react原生项目中使用了react导航和typescript和redux，但是当我为drawerNavigator设置contentComponent属性时，我在typescript中得到了这个错误。 键入'ConnectedComponentClass<SomeClass>' is not assignable to type 'ComponentType<DrawerItemsProps>' Type 'SomeClass' is missing the following properties fr
浏览 35提问于2019-02-08得票数 0
我试图通过在typescript 2.1中获取元素ID来禁用一个字段。我在下面的typescript 1.5语法中发现了这一点。但它在2.1中不起作用。有人能帮上忙吗。
( document.getElementById('BenchForcastId_'+valueID)).disabled = false；
浏览 2提问于2017-03-15得票数 9
回答已采纳
生成TypeScript项目时，在Visual的错误列表中会收到警告。
The TypeScript Compiler was given an empty configurations string, which is unusual and suspicious.
浏览 4提问于2013-09-15得票数 7
回答已采纳
关于TypeScript {}类型的问题--到目前为止，我认为它意味着“空对象没有属性”类型，但最近我偶然发现了禁止使用{}类型的eslint规则，因为它意味着“任何非空值”。打字稿操场上的快速测试表明这是真的：
let d: {} = {};
d = false;
这段代码没有给出编译器错误，但是当我试图将null赋值给d时，确实存在一个错误。所以我的问题是：
{}在TypeScript中到底是什么类型？它真的代表“任何非零值”(在TypeScript文档中找不到确认)吗？
我应该如何实际键入“没有任何属性的空对象”？
浏览 6提问于2020-06-15得票数 7
回答已采纳
我有一个问题，什么时候我们必须在客户端脚本中使用静态成员，比如TypeScript？
第二个问题:实例成员(带有new关键字)和客户端脚本中的静态成员(如TypeScript )有什么不同？
浏览 0提问于2013-01-25得票数 0
回答已采纳
1回答
当我在angular2 (typescript)中使用aws-sdk时，我得到了以下错误
import * as AWS from 'aws-sdk';
AWS.config.credentials.get
[ts]
Property 'get' does not exist on type 'Credentials | CredentialsOptions'.
Property 'get' does not exist on type 'CredentialsO
浏览 3提问于2017-08-13得票数 0
我正在创建一个转换器，需要用代码placeholder替换每个调用表达式__REPLACED__，所以我编写了以下代码：
compiler.ts
import * as ts from "typescript"
const filePath = "source.ts"
const programOptions = {
rootNames: [filePath],
options: {
target: ts.ScriptTarget.ES2020,
outDir: "outdir"
}
}
浏览 2提问于2021-08-30得票数 2
回答已采纳
4回答
在TypeScript中，const关键字不能用于声明类属性。这样做会导致编译器出现“类成员不能有'const‘关键字”的错误。
我发现自己需要在代码中明确指出属性不应该被更改。如果我试图在属性被声明后为它赋一个新值，我希望IDE或编译器出错。你们是如何做到这一点的？
我目前使用的是只读属性，但我不熟悉Typescript (和JavaScript)，不知道是否有更好的方法：
get MY_CONSTANT():number {return 10};
我使用的是typescript 1.8。有什么建议吗？
PS:我现在使用的是typescript 2.0.3，所以我接受了
浏览 70提问于2016-05-17得票数 551
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
