Typescript -只检查属性的存在而忽略属性本身的类型检查而不使用任何类型检查的方法？
Typescript是一种开源的编程语言，它是JavaScript的超集，意味着它包含了JavaScript的所有语法和特性，并在此基础上添加了静态类型检查。Typescript的设计目标是提供更好的开发工具和开发体验，并帮助开发人员编写可维护、可扩展的JavaScript应用程序。
在Typescript中，可以使用“any”关键字来声明一个不进行类型检查的变量。例如：
let data: any = {
name: 'John',
age: 30
};在上述示例中，变量data的类型被指定为any，这意味着Typescript不会对它的属性进行类型检查。我们可以随意向data对象添加任意属性，而不会引发类型错误。这种方法可能会在一些特定场景下有用，例如当我们从外部来源获取的数据类型不确定或者需要动态地构建一个对象时。
然而，值得注意的是，过度使用any类型会破坏Typescript的静态类型检查机制，使代码容易出现类型错误。因此，为了充分发挥Typescript的优势，推荐在大部分情况下尽量使用明确的类型声明和类型检查。
作为腾讯云相关产品，如果需要在云环境中运行Typescript应用程序，推荐使用腾讯云的云服务器CVM或者轻量应用服务器Lighthouse。这两个产品提供了稳定可靠的云计算基础设施，并且可以方便地部署和管理Typescript应用程序。具体产品介绍和使用方法，可以参考腾讯云官方文档：
相关·内容
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没有为接口生成特定的代码。
示例：
interface Person {
id: number,
fullName: string,
sayHello: Function
}
let p: Person;
p.id = 123;
p.fullName = 'John Doe';
p.sayHello = function () {return "Hello from " + p.fullName;}
将翻译为：
var p;
p.id = 123;
p.fullNa
浏览 6提问于2017-11-17得票数 2
回答已采纳
1回答
我是TypeScript的新手，读过关于类型缩小和类型守卫的文章。我看到了下面的代码，其中类型记录编译器显示了一个错误，作者使用类型谓词来解决它。例如，，
type Article = {
frontMatter: Record<string, unknown>;
content: string;
}
type NotFound = {
notFound: true;
}
type Page = Article | NotFound;
function handleRequest(slug: string): string {
const article =
浏览 8提问于2022-09-20得票数 0
回答已采纳
export function blah<T extends { [key: string]: number[] }>(b: T, p: string) {
b[p].push(3); // valid typescript
b[p] = []; // ts(2536) Type 'string' cannot be used to index type 'T'.
}
文档中是否有涵盖此行为的部分内容，以便我能更好地理解它？
浏览 1提问于2020-05-19得票数 1
我在TypeScript 3.2.2和strict: true上。
我无法键入具有一组动态定义键的普通对象，但所有这些键都有一个有保证的非空值类型。
[TypeScript游乐场示例]()
// Will assume any property access has type T
interface Object<T> {
[key: string]: T;
}
// Will assume Object.values() could be undefined
interface Object<T> {
[key: string]: T | undef
浏览 1提问于2019-01-30得票数 5
回答已采纳
1回答
沉默Visual代码中的问题
、、、、
在我的项目中，我有一些代码来检查支持哪个鼠标轮(对于不同的浏览器)，这样我们就可以正确地添加一个事件侦听器。以下是它的外观：
const support = 'onwheel' in document.createElement('div')
? 'wheel'
: document.onmousewheel !== undefined
? 'mousewheel'
:'DOMMouseScroll';
它起作用了。然而，我最近转而使用，现在出现了一个持续的问题
属性‘onmouse轮’在类型
浏览 1提问于2018-12-03得票数 0
我在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
我的问题很简单: navData的类型应该是什么？
我想从堆叠屏幕组件的标题中切换抽屉，但Typescript出现问题，因为navData.navigation上不存在toggleDrawer，因为这个组件是堆叠屏幕组件。我想避免使用navData: any，那么什么类型才是好的呢？
import React from "react";
import { View, Text, Platform } from "react-native";
import {
NavigationStackScreenComponent,
NavigationStackO
浏览 0提问于2020-03-19得票数 1
我有一个组件：
type Base = {
color: string
}
type Button = {
to: string
} & Base
type Link = {
link: string
linkNewTab: boolean
} & Base
type ComponentProps = Button | Link
export const Button: React.FC<ComponentProps> = (props) => {
return (<>
{props
浏览 6提问于2021-12-26得票数 0
回答已采纳
我在我的项目中使用Typescript，并且我有一些从“世界”中使用的模块的选项--假设一切都是一样的，我希望有一个已经有Typescript定义的模块--要么在包本身中，要么在@types (DefinetlyTyped)中。
问题是我不能看到@types中定义的所有模块--或者我不知道我是怎么知道的。Github截断了5000个文件中大约1400个条目的结果，如果我只是想搜索/浏览一些东西，我在repo中看不到任何明确的来源。
可以在GitHub中使用“查找文件”，但前提是您已经知道要查找的神奇关键字。而派生repo仅仅是为了能够搜索东西似乎并不是非常方便。
无论如何，我认为这个问题肯定已
浏览 2提问于2018-06-20得票数 3
3回答
我试图在代码中使用express (使用body解析中间件)将请求体转换为接口，但它并没有强制执行类型安全。
这是我的界面：
export interface IToDoDto {
description: string;
status: boolean;
};
这是我试图进行转换的代码：
@Post()
addToDo(@Response() res, @Request() req) {
const toDo: IToDoDto = <IToDoDto> req.body; // <<< cast here
this.toDoService.ad
浏览 6提问于2017-05-10得票数 151
回答已采纳
我有一个vue2应用程序，我想开始对一些服务文件使用TypeScript (而不改变现有的js/vue文件)。
为了增加对TypeScript的支持，我使用了vue-cli，它看起来很有效:我添加了一个带有TypeScript函数- myFunction的myService.ts文件，并且在这个文件中vue检测到了正确的类型问题。我还可以将此服务导入vue组件文件- myComponent.vue (包含js代码的组件)，并正确使用它。
myFunction看起来是这样的：
function myFunction (x: number, y: number) : number {
cons
浏览 9提问于2022-03-14得票数 2
在angular 6中，我有一个这样的typescript类
export class Hello {
id: number;
name?:string;
txt?:string;
}
从组件控制器中，我希望检索一个具有属性名称的数组，而不需要创建对象。类似于：
ObjectType.keys(Hello);
// ["id", "name", "txt"]
这有可能吗？
浏览 0提问于2018-07-04得票数 7
我试图通过在typescript 2.1中获取元素ID来禁用一个字段。我在下面的typescript 1.5语法中发现了这一点。但它在2.1中不起作用。有人能帮上忙吗。
( document.getElementById('BenchForcastId_'+valueID)).disabled = false；
浏览 2提问于2017-03-15得票数 9
回答已采纳
当字典值由联合类型的键分配时，即使使用最新的类型为@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
回答已采纳
当我在其他组件中使用状态时，TypeScript似乎没有认识到属性state.recipes确实存在，如果YummlyState是RecipesState的类型，情况就是如此。我怀疑YummlyState始终是InitialState的类型，因为这是它最初将拥有的类型，因为初始状态正在被设置。
另外，你是否还注意到了其他你认为应该不同的内容？
非常感谢！
import React, {
createContext,
Dispatch,
PropsWithChildren,
ReactElement,
Reducer,
useContext,
浏览 0提问于2020-11-11得票数 0
回答已采纳
我在打包时遇到了问题，我已经在上发布了。我刚开始为其他人打包模块，所以我可能只是做错了什么。
的以下几个部分似乎是相关的：
{
"name": "robotnik-bot",
"version": "0.1.0-4",
"description": "Friendly neighborhood Discord bot",
"main": "out/index",
"types": "out/index.d.ts",
浏览 0提问于2020-04-14得票数 0
回答已采纳
10回答
// @ts-ignore注释使TypeScript编译器能够忽略它下面的行。
如何使用TypeScript忽略整个代码块？
浏览 7提问于2018-07-03得票数 426
回答已采纳
我想在我的MessageDialog中保存对this.SectionList上的SectionList的推荐。我尝试在第31行定义允许SectionList的接口，但没有效果。我该怎么办？
TypeScript抱怨说：MessageDialog.tsx(132,38): error TS2339: Property 'SectionList' does not exist on type 'SkademeldingDialog'
29 interface IComponentProps {
30 navigation: NavigationScreenP
浏览 1提问于2017-12-14得票数 0
回答已采纳
不久以前，量角器本身也迁移到了TypeScript内部。我还听说并看到了几个向TypeScript迁移的Protractor测试项目。
我们有一个相当大和不断增长的测试代码库(大约22000行JS代码和300个测试)。
如果我们切换到TypeScript，我们会得到什么好处？迁移工作值得花费吗？
浏览 0提问于2017-06-29得票数 6
回答已采纳
嗨，我使用的是PrimeNg数据表，它似乎在团队城市上的构建失败。下面是错误
( node_modules\primeng\components\datatable\datatable.d.ts(180,14)：CompileTypeScriptWithTSConfig目标) -> -> error TS1005: Build：'=‘CompileTypeScriptWithTSConfig预期。node_modules\primeng\components\datatable\datatable.d.ts(180,25)：error TS1005: Build：'
浏览 4提问于2016-12-30得票数 3
回答已采纳
我不明白为什么这个代码：
interface TotoInt {
name: string;
lastName: string | null;
}
interface TotoInt2 {
name: string;
lastName: string;
}
const toto: TotoInt = {
name: 'toto',
lastName: Math.random() < 0.5 ? null : "abc",
};
if (toto.lastName) {
const toto2:
浏览 5提问于2022-09-21得票数 1
回答已采纳
下面的代码会产生以下eslint错误：
@type typescript eslint/no-不安全-成员访问:任何值上的不安全成员访问“内容-类型”。
export const getGraphPhoto = async () => {
try {
const response = await getGraphDetails(
config.resources.msGraphPhoto.uri,
config.resources.msGraphPhoto.scopes,
{ responseType: 'arraybuffer
浏览 1提问于2020-07-15得票数 5
回答已采纳
在现代的Javascript中，有可能找到JavaScript变量的内存地址吗？或Typescript变量的地址。
我对按值传递和按引用传递感到困惑，使用内存地址很容易理解现实。现在我们有了ES8和Typescript，但仍然无法获得变量和对象的内存地址。
浏览 9提问于2018-05-25得票数 19
我发现一些普通的javascript功能在typescript中的语法不正确，这有点让人恼火。
特别是向空对象添加属性是不可能的，因为Typescript假设空对象是没有任何属性的类型'{}‘。
var a = {};
a.property = 1; // Error
为了解决这个问题，我必须将空对象定义为可索引类型。
var b: { [x:string] : any} = {};
b.property = 1;
有解决办法吗？
浏览 16提问于2018-02-09得票数 0
回答已采纳
问题就在这里。假设我有以下对象：
const x = {
number1: '1',
number2: '2',
string1: 'one',
}
和下面的typescript类型。
class params {
number1: number;
number2: number;
string1: string;
}
有没有一种很好的方法将x对象转换为params类型，以便将属性number1和number2从x中的字符串转换为params定义的数字
浏览 0提问于2019-08-09得票数 0
我有这个角度应用程序，它可以通过graphql端点为应用程序生成模型。
该组件包括容器内的图像标记：
<ng-container *ngFor="let blog of (blogPosts | async)?.blogPost | paginate: config">
<img class="image" *ngIf="blog.image.urls" src="http://localhost:5002{{blog.image.urls}}"
alt=
浏览 9提问于2022-07-06得票数 1
回答已采纳
1回答
我正在阅读打字记录文档，并注意到以下内容。
TypeScript 2.4引入了“弱类型”的概念。任何只包含一组所有可选属性的类型都被认为是弱的.
在TypeScript 2.4中，当属性没有重叠时，向弱类型分配任何内容都是错误的。
但是，我可以将空对象{}分配给弱类型，编译器不会抛出任何错误。这是为什么，因为没有重叠的属性。
浏览 1提问于2020-10-28得票数 0
回答已采纳
4回答
允许添加自定义数据-*属性。但是，是否可以添加自定义属性，比如'name‘\ 'test’act。？
<span name="I'm causing a type error" data-test="I'm Working"/>
是我加的。
类型错误:键入'{子元素；名称:字符串；数据测试:字符串；}‘不能分配到键入'DetailedHTMLProps，HTMLSpanElement>’。属性'name‘在类型 'DetailedHTMLProps，HTMLSpanElement
浏览 2提问于2019-02-25得票数 26
回答已采纳
我刚刚花了几个小时试图弄清楚为什么我的Xml序列化代码不能工作。请考虑以下几点：
<DefaultValueAttribute(False)>
Public Property UserName() As String
为什么无论option strict是否启用，都允许这样做？
浏览 4提问于2010-11-24得票数 0
回答已采纳
编辑:这原来是由一个已知的问题引起的，正在进行修复：
只有在启用TypeScript支持并在tsconfig.json__中设置"jsx": "react"或类似设置的情况下，才会使用Svelte代码扩展，这很可能是因为您在项目中也使用了React。
我在Hello.svelte中有一个基本的类型化的Svelte组件，它需要一个这样的道具：
<script lang="ts">
export let value: string;
</script>
<div>Hello, {value}</div&
浏览 29提问于2021-12-21得票数 1
我刚开始使用TypeScript，我正在将我的React应用程序移到TypeScript上，但是我遇到了一个我无法理解的问题。
它位于我的错误组件中，它采用了一个名为Error的道具，它的类型是ApolloError，在它的循环中有一个名为networkError的变量，它可以是4种不同类型的Error | ServerParseError | ServerError | null，所以在我的代码中，我用下面这样的if语句来处理所有这些情况：
if (
error.networkError &&
error.networkError.result &&a
浏览 10提问于2022-09-30得票数 0
回答已采纳
我正在为我的应用程序用TypeScript编写一些画布代码，并得到以下错误：
Property 'wrapText' does not exist on type 'CanvasRenderingContext2D'.ts(2339)
这句话是这么说的：
CanvasRenderingContext2D.prototype.wrapText = function(text, x, y, maxWidth, lineHeight)
我想我可以在VS代码的node_modules扩展部分的lib.dom.d.ts文件中添加一个声明。这是修复它的唯一方法吗？我很好奇
浏览 61提问于2021-05-15得票数 0
回答已采纳
我已经用TypeScript写了大约一年了，我遇到了一个很好的用锈蚀写的关于Github的项目，我想用TypeScript来包装。我从来没有用铁锈编程，但我确实有C++方面的经验。我相信标题中的问题已经很清楚了。Rust中的结构是否类似于TypeScript中的接口？
浏览 4提问于2022-07-08得票数 0
回答已采纳
1回答
为了练习，我写了这段代码：
type Cat = {name: string, purrs: boolean};
type Dog = {name: string, barks: boolean, bites: boolean};
type CatOrDogOrBoth = Cat | Dog;
type CatAndDog = Cat & Dog;
let pet1 : CatOrDogOrBoth = {name: "pooky", purrs: true, bites: false};
let pet2 : CatAndDog = {name: "Ti
浏览 0提问于2020-01-13得票数 3
回答已采纳
我为react-native-simple-radio-button创建了一个非常简单的自定义声明，放在src/@types/react-native-simple-radio-button/index.d.ts下面
import { Component } from 'react';
declare module 'react-native-simple-radio-button' {
export default class RadioForm extends Component {}
}
在我的代码中，我有import RadioForm from
浏览 2提问于2019-08-13得票数 0
我有这个接口。
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
回答已采纳
我正在尝试设置一个typescript-react-eslint项目，但是无法避免这个样板组件的eslint错误：
import * as React from "react";
interface ButtonProps {
children?: React.ReactNode,
onClick?: (e: any) => void,
}
const styles = {
border: "1px solid #eee",
borderRadius: 3,
backgroundColor: "#FFFFFF",
浏览 6提问于2019-12-15得票数 23
回答已采纳
由于TypeScript 3.0在2018年中期推出了unknown顶级类型，因此不鼓励使用any类型。
TypeScript也长期支持typeof运算符的琥珀类型保护，但是typeof只作为标量值(即单变量)的一级类型保护。
主要的警告是，如果不首先使用或as T，它不能与对象属性或数组元素一起使用。
使用as any会立即出现明显的问题。
但是使用as T也会带来自己的问题。这在类型保护函数中没有那么大的问题，因为带有假设类型的变量的范围仅限于类型保护，但是如果在正常函数中使用它可以引入big。
我目前正在用TypeScript编写客户端错误处理代码
浏览 1提问于2021-02-16得票数 1
1回答
当我在Typescript中定义一个对象时，它不能有未在其类型中指定的属性：
但是，当我定义一个返回对象的函数时，这个对象可以有比其类型中指定的属性更多的属性：
type Style = { color: string };
type IFunction = () => Style
const foo: Style = {
color: "red",
toto:"blue" // error yeah :)
}
const bar: IFunction = () => ({
color: "red",
浏览 1提问于2019-06-01得票数 2
1回答
从方法对象中求取窄类型
、、、、
我想要像这样的缩小类型：
type Expected = {
method: 'firstNamespace/firstMethod'
payload: [string]
} | {
method: 'firstNamespace/secondMethod'
payload: [number, number]
} | {
method: 'secondNamespace/firstMethod'
payload: [number]
}
从这样的方法对象中：
const Methods = {
浏览 2提问于2021-10-13得票数 4
回答已采纳
1回答
我将此代码理解为将状态定义为空，但当我编写此代码时，没有任何错误。
export default class extends Component<Props, {}> {
state = {
foo: "bar"
};
}
这也不会出错：
export default class extends Component<Props, {}> {
constructor(props) {
super(props);
this.setState({ foo: "bar" });
}
显然，我在这里对Type
浏览 2提问于2019-02-20得票数 5
回答已采纳
根据，如果在TypeScript中启用了严格的空检查，则不能将null或undefined赋值给变量，除非在联合中显式允许它。
// required value
let req: string;
req = "Something"; // OK
req = null; // Error
req = undefined; // Error
// nullable value
let nbl: string | null;
nbl = "Something"; // OK
nbl = null; // OK
nbl = undefined
浏览 0提问于2019-07-28得票数 60
回答已采纳
2回答
编辑这个问题确实是重复的；参见@jcalz在链接帖子上的回答:)
TS github：的相关讨论
当我执行{ a: any } & { a: number }时，TypeScript将其解析为{ a: any }。但是，考虑到交集类型的含义，我认为应该是{ a: number }，因为实际上只有number类型的值在这两种类型的交集中。所以我不确定这种行为背后的理由--也许是因为any被特别对待了？
浏览 5提问于2017-10-25得票数 4
1回答
首先，我使用的是Knockout和TypeScript。
给定以下源代码：
class LookupEditorVM {
lookups: KnockoutObservableArray<LookupVM>;
selected: KnockoutObservable<LookupVM>;
baseURL: string = "/Admin/Lookup/";
constructor() {
this.lookups = ko.observableArray<LookupVM>([]);
浏览 3提问于2014-05-07得票数 2
回答已采纳
我正在使用TypeScript构建一个。我的初创公司最近从JavaScript转到了JavaScript，我正在迁移代码。
我有一个<FlatList />，它由两类场地组成:餐厅和酒吧。餐厅和酒吧共享一些属性，但它们也不共享。例如，属性servesFood是餐馆特有的。
renderItem函数如下所示：
renderItem = ({ item }: { item: Restaurant | Bar }) => {
return item.servesFood ? (
// ... Restaurant code
) : (
// ... Bar
浏览 1提问于2018-10-23得票数 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
我正在尝试在类型记录中设置一个类型，所以当您试图访问未通过这种类型的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
回答已采纳
考虑以下代码：()
interface Foo {
attribute1: string;
attribute2: string;
}
type Bar {
attribute1: string;
}
const values : Foo = { attribute1: "hello", attribute2: "world" }
const values2 : Bar = values;
在编译时可以清楚地认识到，values: Foo比values2 : Bar具有更多的属性。然而，我可以指定const values2 : Bar
浏览 2提问于2021-05-23得票数 0
回答已采纳
我正在TypeScript in JetBrains WebStorm上。
我在“person.ts”中有一个非常简单的类：
export class Person {
constructor(public name:string, public age:number) {
}
toString() {
return this.name + ", " + this.age;
}
}
然后，在我的app.ts上，我试图像这样导入它：
import nsp = module("person");
export class App {
浏览 1提问于2013-04-19得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
