TypeScript:与类型中的own属性相关
TypeScript是一种由微软开发的开源编程语言，它是JavaScript的超集，添加了静态类型和面向对象的特性。TypeScript的主要目标是提供更好的开发工具和更强大的类型检查，以提高JavaScript代码的可维护性和可靠性。
与类型中的own属性相关，可以理解为在TypeScript中定义对象的属性时，可以使用own关键字来表示该属性是对象自身拥有的，而不是继承自原型链。own属性可以通过对象实例直接访问和修改，而不需要通过原型链进行查找。
在TypeScript中，可以使用以下方式定义own属性：
- 使用对象字面量语法：
const obj = {
ownProperty: value,
};- 使用类定义：
class MyClass {
ownProperty: type;
}own属性的优势在于：
- 明确标识对象自身拥有的属性，提高代码的可读性和可维护性。
- 避免属性名冲突，减少错误发生的可能性。
- 在类型检查阶段，TypeScript可以根据own属性的定义进行更准确的类型推断和错误提示。
own属性的应用场景包括但不限于：
- 定义对象的实例属性。
- 区分对象自身拥有的属性和继承自原型链的属性。
- 限制对象的属性范围，提高封装性。
腾讯云提供了云计算相关的产品和服务，其中与TypeScript相关的产品包括但不限于：
- 云服务器（CVM）：提供虚拟化的云服务器实例，可用于部署和运行TypeScript应用。产品介绍链接：云服务器
- 云函数（SCF）：无服务器计算服务，支持使用TypeScript编写函数逻辑。产品介绍链接：云函数
- 云开发（CloudBase）：提供全托管的云端一体化开发平台，支持使用TypeScript开发云应用。产品介绍链接：云开发
以上是与TypeScript中的own属性相关的答案，希望能对您有所帮助。
相关·内容
当字典值由联合类型的键分配时，即使使用最新的类型为@3.4.5和严格模式，TypeScript看起来也不健全。
这是一个众所周知的问题吗？有人能告诉我相关的错误报告吗？
tsconfig.json
{
"compilerOptions": {
"strict": true
}
}
test.ts
interface A {
a: number;
b: string;
}
interface B {
a: string;
b: number;
}
function someFunction(a: A, b: B, field:
浏览 0提问于2019-05-08得票数 1
回答已采纳
我在尝试使用yarn &webpack构建一个小的TypeScript项目时遇到以下错误： TS2549: Type 'URLSearchParams' is not an array type or a string type or does not have a '[Symbol.iterator]()' method that returns an iterator. 我尝试在一个简单的循环中使用Node内置的URLSearchParams对象： for (let [name, value] of searchParams) {
//do
浏览 21提问于2020-08-08得票数 4
FOllowing React导航的
我的代码中有这样的代码：
useLayoutEffect(() => {
function signOut() {
setUser(undefined);
navigation.navigate('Search');
}
navigation.setOptions({
headerRight: () => <Button onPress={() => signOut()} title="Log out" type="clear"
浏览 1提问于2020-08-27得票数 1
当我试图编译我的typescript代码时，我得到了这个错误信息：
typescript Property 'formData' does not exist on type 'Event'?
formElem.addEventListener("submit", (e) => {
// on form submission, prevent default
e.preventDefault();
// construct a FormData object, which fires the formdata ev
浏览 31提问于2021-03-06得票数 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
回答已采纳
我正试图用Protractor和Jasmine在TypeScript上编写测试。TSD现在已不再受欢迎，所以我不得不使用“Typings”来操作TypeScript定义。所以我安装了：
npm install typings -g
然后我用它来安装Jasmine和Chance的定义，像这样：
typings install jasmine --source dt --save –-global
typings install chance--source dt --save –-global
我还添加了“文件”部分，并排除了‘node_模块’：
// tsconfig.json
{
浏览 2提问于2016-10-30得票数 6
TypeScript版本2.2.1。
我刚刚开始尝试TypeScript，不断地发现一个我不明白的错误。我将strictNullChecks设置为true，因为我希望定义哪些类型可以为空。所以我有一节课：
class Core {
client: MessagesClient | null;
connect(server: string, port: number, connectionHandler: ConnectionHandler) {
if(this.client) {
this.client.disconnect(false
浏览 1提问于2017-03-25得票数 4
回答已采纳
我只是在TypeScript操场上写了一些代码，发现unique似乎是一个保留字，但我找不到任何相关文档。
在任何地方都有关于这个关键字的文档吗？
浏览 0提问于2018-03-23得票数 9
回答已采纳
1回答
下面是使用TypeScript的语法，
interface Animal{
eat():void;
sleep():void;
}
class Mammal implements Animal{
constructor(private name:string){
console.log(this.name, "is alive");
}
eat(){
console.log("Like a mammal");
}
sleep(){
console.lo
浏览 0提问于2018-04-30得票数 1
回答已采纳
1回答
我有一个用.NET核心和ReactJS实现的项目。最近，由于在.tsx文件中添加了一个新组件，我更新了一些包。为了在@material/core中添加容器组件，它的版本已经从“@material ui/core”："^3.0.3"到“@material ui/core”："^4.1.3"进行了更新。已在3.0.0版本之后提供了类型记录中的未知类型，然后我将类型记录版本从“类型记录”："^2.8.1"更改为“”“type typescript”：“^3.0.0”<code>E 215</code>。在这些更改之前，显示页面没
浏览 0提问于2019-07-09得票数 0
1回答
我正在阅读打字记录文档，并注意到以下内容。
TypeScript 2.4引入了“弱类型”的概念。任何只包含一组所有可选属性的类型都被认为是弱的.
在TypeScript 2.4中，当属性没有重叠时，向弱类型分配任何内容都是错误的。
但是，我可以将空对象{}分配给弱类型，编译器不会抛出任何错误。这是为什么，因为没有重叠的属性。
浏览 1提问于2020-10-28得票数 0
回答已采纳
在TypeScript中是否可以指定对象的类型可以是任何类，而不是基元类型。
就像这样，但有了这样的限制：
myObj<any>;
谢谢你的帮忙!
浏览 5提问于2016-02-26得票数 4
回答已采纳
在启用TypeScript选项的resolveJsonModule项目中导入JSON文件时，TypeScript编译器能够自动推断导入的JSON文件的类型。但是，这个类型太具体了，我想用一个更通用的类型来代替它。我试图通过编写一个自定义类型定义文件来做到这一点：
// file modules.d.ts
declare module "*.json" {
const value: Record<string, string>;
export default value;
}
但是TypeScript编译器忽略了这个定义。
唯一适合我的方法是使用临时变量，如
浏览 0提问于2020-09-26得票数 8
如何在typescript中获取子类的所有属性名称？我可以获取类中的所有属性名称，但它也提供了基类中的属性名称，这是我不需要的。
基类
class BaseTestClass {
public testVar: null = null;
}
子类
class TestClass extends BaseTestClass {
public longNameVar1: null = null;
public longNameVar2: null = null;
public longNameVar3: null = null;
public longNam
浏览 0提问于2019-10-04得票数 3
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
回答已采纳
我正在寻找一种方法来编写函数参数来更新对象的值，给定要更新的键和要更新的新值。 type SuperMarket = {
isOpen: boolean;
offers: string[];
name: string;
};
const mySuperMarket: SuperMarket = {
isOpen: true,
offers: ["banana", "apple", "kiwi"],
name: "Kwik-E-Mart",
};
// How to make t
浏览 21提问于2020-08-26得票数 1
回答已采纳
我正在处理angular2 typescript项目，我只想在调用angular2()函数后将对象的键重置为'‘，示例如下
export class Events{
event:any={ name : '', date : '',.........};
eventOriginal=this.event;
save(){
//save(this.event)
//after save, reset value to initial state
this.event=this.eventO
浏览 1提问于2017-03-22得票数 0
我试图将属性类型重新分配为string，但是如果我将属性" type“重新分配为string，TypeScript将引发一个错误。
类型“string”不能指定为“{ title：{ value: string；}；}”。
const temp= {
type: {
title: {
value: "text"
}
}
}
temp.type=temp.type.title.value
我试过的截图
浏览 3提问于2022-07-13得票数 -1
回答已采纳
我在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中禁止具有相同名称的公共getter和私有设置器，这一点在这里的各种问题中已经讨论过。
我的主要编程语言是C#，它非常好。我还认为它是一个有用的构造，老实说，我也不认为在TypeScript中允许这样做会有什么问题。
为什么TypeScript禁止这样做？这个问题不是关于解决办法或类似的问题，我只是想知道这个设计的原因。。
编辑:代码示例可以在上找到。
浏览 0提问于2016-02-16得票数 10
我有一个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
回答已采纳
下面是我的自定义类型： type KeyMap<T> = { [K in keyof T]: keyof Pick<T, K> } 后面是一个与自定义类型一起使用的简单接口： interface MyInterface {
a: string;
b: string;
} 当我的类型的变量在类的外部定义时，TypeScript很高兴： const member: KeyMap<MyInterface> = {
a: 'a',
b: 'b'
} 但是，当我使用KeyMap类型的抽象成员定义一个抽象
浏览 28提问于2019-02-12得票数 0
Typescript 3.0.1在我的类中为我的setter提供了一个编译错误，但当我运行我的JS时，它仍然可以正常工作，正如你在图片上看到的那样。
代码如下所示：
这有什么原因吗？我怎么才能让它编译的时候没有错误，因为它让我在学习Typescript时感到困惑。
浏览 0提问于2018-10-17得票数 0
1回答
我有一个数组，我想通过向它添加属性来重用它。考虑下面的例子。
const arr = ["Hi", "my", "name", "is"];
arr.name = "Peter";
在TypeScript中，可以使用索引签名进行键入。为了涵盖数字索引和字符串索引，我使用了更通用的字符串索引签名。但是，当试图将数组分配给接口时，TypeScript会给出一个错误。
interface StringArray {
[index: string]: string | number;
}
const arr: S
浏览 5提问于2020-03-29得票数 1
回答已采纳
我无法将从服务器返回的对象转换为我在typescript中创建的类。
我的typescript对象与从服务器返回的对象具有所有相同的属性，唯一的区别是我的typescript类中的属性名是驼峰大小写的，而从服务器返回的属性名是标题大小写的，所以当我在typescript代码中访问像userModel.isActive这样的东西时，它找不到这个属性。下面是我从我的提供者发出的api调用的返回语句。
return this.httpClient.post<UserModel>(url, { params: queryParams });
我试过了：
this.userProvider.
浏览 2提问于2018-08-23得票数 0
1回答
来自TypeScript文档：
// Removes 'optional' attributes from a type's properties
type Concrete<Type> = {
[Property in keyof Type]-?: Type[Property];
};
type MaybeUser = {
id: string;
name?: string;
age?: number;
};
我知道我可以将?修饰符添加到all属性中，如果我想要根据属性添加基于extends表达式的属性怎么办？
行为会是这样的：
// N
浏览 3提问于2021-05-16得票数 2
回答已采纳
我在Ember 3.15中有一个组件，我尝试这样做
import { action, set } from '@ember/object';
@action
someMethod() {
const value = ... // something random
let propertyName = ... // some variable string
set(this, propertyName, value);
}
它似乎在浏览器中工作得很好，但是typescript将设置行标记为错误(特别是propertyName参数)。如果它能工作，为什么typescr
浏览 5提问于2020-04-29得票数 1
if (process.env.NODE_ENV === 'production') {
if (!_.isUndefined(process.env.PAYPAL_CLIENT_ID) && !_.isUndefined(process.env.PAYPAL_CLIENT_SECRET)) {
paypal.configure({
mode: 'live',
client_id: process.env.PAYPAL_CLIENT_ID,
clien
浏览 4提问于2017-10-07得票数 1
1回答
在VUE3的defineComponent函数中，第一个泛型参数是Props，所以我在这里使用Typescript接口提供我的props类型。像这样： export default defineComponent<{ initial?: number }>({
setup(props) {
const count = ref(props.initial ?? 0);
const increase = () => count.value++;
const decrease = () => count.value--;
return {
浏览 6提问于2020-12-02得票数 2
回答已采纳
有接口Work和You。实现类型有WorkImpl、YouImpl和YouImpl2。
我使用构造函数自动导入You实现实例到WorkImpl实例中。
因为有多种You实现类型，所以我认为Spring会抛出一个异常。但是Spring实例化了其中一种实现类型的实例，在我的示例中是YouImpl。这是我不明白的。
配置文件部分是，
<bean
id="work"
class="my.test.own.spring_book.WorkImpl"
autowire="constructor"
>
<
浏览 0提问于2014-11-20得票数 0
回答已采纳
我是TypeScript的初学者，当我学习TypeScript接口时，我发现了一些我不理解的特性。
我已经尝试了操场上遵循的代码：
interface LabelledValue {
size?: number;
}
function printLabel(labelledObj: LabelledValue) {
}
let myObj = {label: "Size 10 Object"};
printLabel(myObj); // error: Type '{ label: string; }' has no properties in common
浏览 0提问于2019-05-22得票数 1
回答已采纳
我在操场上创建了TypeScript：
interface Test{
a: string
b: string
}
const object: Test = {
a: 'b',
b: 'c',
}
function testIt(): Test[] {
const data = [{b: '2', c: '3'}]
const prices: Test[] = data.length ? data.map((item) => {
return {
浏览 1提问于2018-12-13得票数 8
回答已采纳
我发现一些普通的javascript功能在typescript中的语法不正确，这有点让人恼火。
特别是向空对象添加属性是不可能的，因为Typescript假设空对象是没有任何属性的类型'{}‘。
var a = {};
a.property = 1; // Error
为了解决这个问题，我必须将空对象定义为可索引类型。
var b: { [x:string] : any} = {};
b.property = 1;
有解决办法吗？
浏览 16提问于2018-02-09得票数 0
回答已采纳
1回答
我正在为我的TypeScript库编写一个特性，并继续处理这个类型问题。请查看以下示例：
class Base { ... }
class User extends Base { ... }
class Product extends Base { ... }
class CompletelyUnrelated { ... }
function someFunction<TModel>(source: TModel, base: {what_to_type_here}) { ... };
// Desired result
someFunction(User, Base);
浏览 3提问于2020-02-04得票数 0
回答已采纳
2回答
下面有一些令人作呕的代码，其中我希望将TypeScript类型的安全性与变量的默认值结合起来：
interface Store {
infinoteToken: string | null,
allNotes: Note[],
// plenty more
}
export const store: Store = reactive({
infinoteToken: null,
allNotes: [],
// plenty more
})
最后，我得到了两块包含重复信息的代码。
是否有方法将这两个元素组合起来，为其成员声明具有默认值和类型的对象？
浏览 2提问于2021-11-19得票数 0
回答已采纳
我在强输入我的Twitter小部件时遇到了困难。
目前，它抛给我一堆错误，包括：
ESLint: Unsafe call of an any typed value.(@typescript-eslint/no-unsafe-call)
ESLint: Unsafe member access .catch on an any value.(@typescript-eslint/no-unsafe-member-access)
ESLint: Unsafe member access .createTweet on an any value.(@typescript-eslint/no-uns
浏览 2提问于2021-05-07得票数 0
interface A {
a: number;
}
let myVar: A = {
a: 123
};
myVar = Object.assign({}, myVar, {
b: 456
});
为什么TypeScript不抱怨myVar通过Object.assign()调用的重新分配？
假定该Object.assign()调用的类型定义是：
assign<T, U, V>(target: T, source1: U, source2: V): T & U & V;
在我的调用中，...and (返回类型)三种类型的交集与interface A不
浏览 3提问于2017-02-27得票数 1
回答已采纳
我一直收到这个错误：
> TypeScript error: Property 'app' does not exist on type 'Navigator'
在使用此代码时：
navigator.app.exitApp();
我有以下插件：
> <plugin name="cordova-plugin-device" spec="~1.1.2"/>
> <plugin name="cordova-plugin-console" spec="~1.0.3"/&g
浏览 0提问于2016-10-17得票数 5
回答已采纳
角8: TypeError:在构建生产代码时，无法读取未定义的属性“种类”
Module build failed (from ./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js):
TypeError: Cannot read property 'kind' of undefined
at isAngularDecoratorMetadataExpression (/home/Project/node_modules/@angula
浏览 6提问于2020-07-22得票数 0
回答已采纳
我有一个react应用程序，其中我使用了typescript。
interface IFirst {
name: string,
age: number
}
interface ISecond {
name: string,
cars: number,
friends: number
}
type ICommon = IFirst | ISecond;
const Element: React.FC<ICommon> = ({name, age, cars, friends}) => {
return <div>Hello {
浏览 0提问于2021-09-30得票数 1
2回答
为了提供一些条件呈现逻辑，我试图将现有的react组件(React)封装到一个高阶组件(HoC)中。我面临的困难是让TypeScript生成一个将HoC包装器和包装组件属性结合在一起的组件。
例如：
import React from "react";
import Select from "react-select";
interface HOCProps {
foo: string
}
// Return a type with the HOCProps properties removed.
type WitoutPrefilled<T e
浏览 0提问于2019-03-03得票数 2
回答已采纳
2回答
下面是一个用Javascript实现的简单的React App组件。 import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
constructor(props) {
super(props);
this.state = {
setting: "def",
limit: 2
}
}
浏览 40提问于2019-12-20得票数 1
回答已采纳
以下TypeScript无法编译：
let svg = document.createElement("svg");
svg.width = 300;
由于错误Property 'width' does not exist on type 'HTMLElement'。例如，如果我将svg更改为canvas，那么它确实会编译，所以它是关于SVG的，看起来……
有什么想法吗？
浏览 1提问于2017-07-28得票数 3
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
回答已采纳
假设我有一个目标：
{
ItemA: {},
ItemB: {
SubitemA: {
SubitemB: {}
}
},
ItemC: {}
}
我希望使用泛型在TypeScript中为具有相同结构的对象定义递归类型。我不知道该怎么做，我试了一下：
type Items<T> = {
[K in keyof T]: Items<T[K]>|{};
};
然后，在我的代码中，我希望进行类型检查：
function doSomething<T>(items: Items<T>){
for (con
浏览 7提问于2020-11-30得票数 0
回答已采纳
关于TypeScript {}类型的问题--到目前为止，我认为它意味着“空对象没有属性”类型，但最近我偶然发现了禁止使用{}类型的eslint规则，因为它意味着“任何非空值”。打字稿操场上的快速测试表明这是真的：
let d: {} = {};
d = false;
这段代码没有给出编译器错误，但是当我试图将null赋值给d时，确实存在一个错误。所以我的问题是：
{}在TypeScript中到底是什么类型？它真的代表“任何非零值”(在TypeScript文档中找不到确认)吗？
我应该如何实际键入“没有任何属性的空对象”？
浏览 6提问于2020-06-15得票数 7
回答已采纳
在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 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
我正在尝试通过遵循Fast-dna repo的示例来使用Partial of typescript，并且我注意到在我的代码库中，我有一个不同的Partial实现 对于它们，Partial被定义为 ? 对我来说，它是这样来的 ? 我看到的唯一区别是他们在使用巴别塔，而我没有。这就是原因吗？ 但是我还是不明白怎么会有两种不同的实现呢？ 我正在使用带有typescript模板的Create react应用程序。
浏览 40提问于2020-02-02得票数 1
回答已采纳
更新：
“为什么”用另一个问句来回答。
“如何修复”现在是一个新的问题：
原件：
我遗漏了错误声明，因为类型记录没有告诉我我添加了不正确的数据。
为什么打字稿允许这样做？
这是一个错误，或者这是什么原因？
参见这里的代码框：
interface ITester {
string1: string;
}
type TestType<S = any> = (item: S) => S | undefined;
const Foo: TestType<ITester> = input => {
return {
...input,
浏览 1提问于2019-10-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
