Typescript未正确省略类型
Typescript是一种静态类型的编程语言，它是JavaScript的超集，可以在编译时进行类型检查，提供了更强大的类型系统和更丰富的面向对象特性。在Typescript中，可以使用类型注解来声明变量、函数参数和返回值的类型。
当Typescript未正确省略类型时，可能会导致以下问题：
- 编译错误：Typescript编译器会检查代码中的类型错误，并给出相应的错误提示。如果未正确省略类型，可能会导致编译错误，例如将一个字符串赋值给一个数字类型的变量。
- 可读性下降：类型注解可以提高代码的可读性和可维护性，未正确省略类型可能会导致代码难以理解和维护。其他开发人员在阅读代码时可能会困惑于变量的类型。
为了正确省略类型，可以遵循以下几个原则：
- 类型推断：Typescript具有类型推断的能力，可以根据变量的赋值推断出其类型。因此，在声明变量时，可以省略类型注解，让编译器根据赋值自动推断类型。
- 显式类型注解：在某些情况下，类型推断可能不准确或无法推断出类型，此时可以使用显式类型注解来明确指定变量的类型。例如，当变量的初始值为null或undefined时，类型推断可能会失败，此时可以使用显式类型注解来指定变量的类型。
- 使用any类型：如果无法确定变量的类型，可以使用any类型来表示任意类型。但是，过度使用any类型会降低类型检查的效果，因此应尽量避免滥用any类型。
总结起来，正确省略类型可以提高代码的可读性和可维护性，同时也能够让Typescript的类型检查发挥更大的作用。在实际开发中，根据具体情况选择是否省略类型，以及是否使用显式类型注解，可以根据团队的编码规范和项目需求来决定。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
1回答
我正在尝试在我的项目中设置vscode中的eslint。也就是说，我在项目的根目录中有以下eslintrc.json文件：
{
"env": {
"browser": true
},
"extends": [
"eslint:recommended",
"plugin:react/recommended",
"plugin:@typescript-eslint/recommended"
],
"parser": "@type
浏览 2提问于2021-02-13得票数 0
问题的示例。我有一个组件，它具有以下属性：
interface OwnProps {
text: string;
tKey: string;
color: string;
height: number;
}
我希望组件接受这些prop，但强制要求您只能传入文本prop或tKey prop，而不能同时传入两者。所以我是这样写的：
interface Props {
text: string;
tKey: string;
color: string;
height: number;
}
type OwnProps = Omi
浏览 0提问于2020-06-30得票数 1
我有两个接口，X和Y。X有两个属性：x1和x2。现在Y希望从X继承，但不希望继承x2。
interface X {
x1 : string;
x2 : string;
}
interface Y extends X{
// x2 shouldn't be available here
}
作为TypeScript的新手，我不能理解它。TypeScript中有没有extends X without x1类型的内置特性？
注意:在我的实际案例中，X是一个内置的interface。因此，我需要在不更改X接口的情况下完成此操作。有可能吗？
浏览 5提问于2018-06-27得票数 27
回答已采纳
我正在尝试弄清楚如何让它正确工作：
class A {
john(): B {
return this; // <-- ERROR HERE
}
}
class B extends A {
joe(): B {
return this;
}
}
所以我可以做方法链接：
let instance = new B();
instance.john().joe();
当然，TypeScript抱怨this与B的类型不匹配。
浏览 13提问于2016-09-25得票数 3
回答已采纳
我有一个函数URLBuilder，它作为一个模块工作(它返回一个包含各种函数的对象，这些函数与上下文对象绑定得很好，所以this绑定按预期工作，我们可以在这些函数中正确地访问this ) 我的问题是为什么typescript不理解URLBuilder的返回对象中函数的this绑定？尽管我尝试手动添加一个返回类型，但Typescript抱怨when using the URLBuilder在没有this上下文的情况下无法接受函数。 我们如何让typescript在返回的对象中理解这个绑定函数的this？ 我要解决的Typescript错误是： The 'this' contex
浏览 15提问于2021-01-21得票数 1
我有一个可迭代的数组析构，但不能正确地输入check。我对TypeScript非常陌生，所以我猜我做错了什么。我正在使用TypeScript 3.8.2。
此示例之所以有效，是因为没有进行类型检查，但取消对最后一行的注释会导致出现此代码示例下面的错误。
function MakeIterable<T> (a: T, b: number, c: boolean) {
const result = [ a, b, c ]
function* gen(): Generator<T | number | boolean, void, void> {
浏览 6提问于2020-04-25得票数 2
回答已采纳
1回答
推断泛型类类型
、、
假设我有折叠式类型：
type AnyFunction = (...args: any[]) => any;
abstract class Foo<F extends AnyFunction> {}
class Bar extends Foo<() => string> {}
我也有这样的功能：
function foo<F extends AnyFunction>(foo: Foo<F>): void {}
现在，当我调用foo()时，我希望有正确的类型推断，即当调用foo(new Bar())时，我希望将类型() =>
浏览 2提问于2022-11-23得票数 0
回答已采纳
我试图为库创建类型定义文件。这个库很久以前就被送到客户端了，所以我不能更改它的代码。
我用的是TypeScript 2.*
库包导出单个工厂函数(使用默认导出)；用户可以使用该工厂函数创建库实例。我用于lib.d.ts的是
declare var _createLib: (config: Object) => Promise<Lib>;
export default _createLib;
export interface Lib {
version: string;
}
然后我尝试在TypeScript中使用它，比如：
import LibFactory from
浏览 3提问于2017-04-15得票数 0
目前，基于我的TypeScript IDE中的WebStorm代码样式设置，角@Component装饰器代码正在格式化如下：
@Component({
selector: 'my-component',
templateUrl: 'my.component.html',
styleUrls: ['my.component.scss']
})
export class MyComponent implements OnInit {
我想要
浏览 0提问于2018-03-09得票数 1
回答已采纳
在Typescript中使用时，我发现在$上失去了智能感知，因为它的类型被标记为any而不是JQueryStatic。除了下面的方法之外，有没有其他方法可以获得正确的类型呢？
(<JQueryStatic>$)(element).kendoDatePicker({});
因为^^最终变成了($)(element).kendoDatePicker({});，看起来很难看(额外的括号)。
浏览 0提问于2013-06-13得票数 0
回答已采纳
我有一个枚举和接口如下所示
enum MyEnum {
ALL, OTHER
}
interface Props {
sources: Omit<MyEnum, MyEnum.ALL>
}
const test: Props = { sources: MyEnum.ALL } // should complain
为什么不省略MyEnum.All？我使用的是typescript 3.6.4
浏览 47提问于2019-10-21得票数 7
回答已采纳
TypeScript索引签名类型是否可以声明每个索引都实现了泛型接口的某些版本？我想写这样的代码：
interface HasState<T> {
state : T;
}
interface ModuleDefinition {
[moduleName : string] : <T>HasState<T>;
}
这是我的用例：
我有一个对象的TypeScript映射类型：
interface ModuleDefinition {
[moduleName : string] : HasState;
}
interface HasState {
浏览 4提问于2017-02-02得票数 2
回答已采纳
我的印象是，TypeScript允许您使用有效的JavaScript程序，并通过使几个关键符号类型安全来“强制”类型。这将通过所有使用传播类型，并使您更新所有符号引用。
这似乎是不正确的。在下面的示例中，makeDiv函数在不检查参数类型的情况下调用类型化make函数。
// strongly typed arguments
function make(tagName: string, className: string) {
alert ("Make: " + className.length);
}
// no typing
function makeDiv(cl
浏览 4提问于2013-08-19得票数 5
回答已采纳
我最近注意到，我能够从一个接口实现一个函数，并删除参数，这是很好的。下面我要演示一些示例代码。不应该强制实现接口的类也实现正确的参数数量和类型吗？
TypeScript版本: 4.1.3
示例界面：
interface IVehicle {
turn(direction: string, degree: number): void;
turnHeadlights(toggle: boolean): void;
}
例一：
class Vehicle implements IVehicle {
turn(direction: string): void {
throw ne
浏览 2提问于2020-12-22得票数 1
回答已采纳
1回答
给出以下TypeScript代码：
interface MyInterface{
myInterfaceProperty: string
}
class MyClass{
myClassProperty: MyInterface
myClassMethod(flag: boolean): MyInterface {
if (flag)
return null;
myClassProperty = //...
return myClassProperty;
}
}
代码编译得很好，但是ReSha
浏览 0提问于2018-03-01得票数 3
1回答
我动态加载我创建的模块，如下所示：
myModule.ts
export class SomeClass {
...
}
export type SomeType = {...}
在另一个文件中，我这样做：
import * as MyModuleType from "./myModule"
if(...) {
let loadedModule: typeof MyModuleType = require("./myModule");
...
}
MyModuleType的类型同时具有SomeClass和SomeType (如预期)。而loadedMo
浏览 0提问于2017-05-12得票数 0
感谢您在这里耐心等待，我刚刚开始使用TypeScript。
我正在开发一个angular 2应用程序，它需要接受文本输入，然后进行一系列计算。I(不正确？)假设我需要首先将输入绑定到数据模型中的“任何”类型变量，然后将这些变量转换为数字，以便处理数字。我找遍了所有地方，找不到怎么做才不会抛出这个TS编译器错误：
`src/calculator_service.ts(40,5): error TS2322: Type 'number' is not assignable to type 'string'.`
在我的CalculatorService中，我有这个函数
浏览 29提问于2015-11-10得票数 23
回答已采纳
我试图确保将组件作为支柱(即<Foo Component={Bar} />)传递给另一个组件，并使用正确的道具声明该组件。
当要传入的组件定义了道具时，这很好。但是，如果没有定义道具，TypeScript就不会抛出错误。
下面是一个例子：
import { ComponentType } from 'react';
type A = {
foo: string;
}
type B = {
Component: ComponentType<A>;
}
const Test = ({ Component }: B) => (
<
浏览 1提问于2021-06-22得票数 0
回答已采纳
我正在使用disabled属性创建一个链接组件，它有一个将颜色更改为灰色的选项。当我将鼠标悬停在{({ disabled }上时，TypeScript给我一个Property 'disabled' does not exist on type 'Pick<DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>错误。 语法看起来是正确的，不确定我在这里遗漏了什么。 const StyledLink = styled.a`
color: blue;
${({ disabled
浏览 13提问于2021-10-04得票数 0
回答已采纳
以下代码在TypeScript中不正确。比较器不喜欢数组的类型。“键入‘type not’不能指定键入‘BaseDetailComponent'”。如果子类没有用新参数重载构造函数，它就会工作。类型"Array“似乎是执行静态方法"say”所必需的。
export class BaseDetailComponent {
constructor() {}
static say(){}
}
export class FolderDetailMainComponent extends BaseDetailComponent {
construct
浏览 5提问于2020-07-06得票数 2
回答已采纳
我正在进入typescript，我似乎不知道如何正确地键入我的无状态组件，这些组件都有一个redux HOC，为它们注入一些道具和函数。
这是我的wrapper.tsx
export type Props = ReturnType<typeof mapStateToProps> &
ReturnType<typeof mapDispatchToProps> & {
fetchMorePosts: () => void;
};
const withPostFeedWrapper = <WrapperProps extends
浏览 11提问于2020-06-03得票数 1
回答已采纳
我使用的是TypeScript和WebPack。
有一个模块我需要动态加载。当前的解决方案是：
declare function require(module: string): any;
const m = require("./something");
m.f();
但是通过这种方式，我就不再使用静态类型了：
import {f} from "./something";
有没有办法用我的模块类型来输入动态加载的模块？
浏览 0提问于2017-02-07得票数 2
在typescript中有没有办法声明一个返回当前实例类型的方法？ 例如： class AnimalBuilder {
withColor:(color: Color): AnimalBuilder {
this.color = color;
return this;
}
}
class DogBuilder extends AnimalBuilder {
//builder methods specific to a dog.
} ..。..。使得调用 new DogBuilder().withColor() 返回
浏览 32提问于2019-10-06得票数 2
回答已采纳
2回答
在下面的代码中，我尝试创建一个访问给定输入的data属性的类型安全函数。我的目标是避免在任何地方重复对data的访问，为此，我希望将样板保持在最小(例如，我希望TypeScript推断尽可能多的类型)。
interface User {
name: string
}
interface HttpResponse<T> {
data: T
status: number
}
type HttpPromise<T> = Promise<HttpResponse<T>>
function fetch<T>(url
浏览 2提问于2018-01-24得票数 1
1回答
使用强类型映射
、、
我在用typescript 1.8.10强类型我的Map对象时遇到了麻烦。以下是定义映射接口的core-js的摘录：
interface Map<K, V> {
clear(): void;
delete(key: K): boolean;
forEach(callbackfn: (value: V, index: K, map: Map<K, V>) => void, thisArg?: any): void;
get(key: K): V;
has(key: K): boolean;
set(key: K, va
浏览 0提问于2016-06-18得票数 13
回答已采纳
我在TypeScript中使用React。
突变：
let mutation = useMutation((newUser) => {
return signup(newUser)
})
提交功能：
const onSignupSubmit = ({ name, email, password }: User) => {
mutation.mutate(
{
name,
email,
password,
}
)
}
另外
浏览 7提问于2022-04-02得票数 0
通常，当我不在construtor中使用props时，我可以放心地将它留空
constructor() {
super()
}
但TypeScript要求您对其进行定义。如果我不使用它，我一直在做这样的事情：
constructor(_: never) {
super(_)
}
有没有一种正确的和/或更正式的方式来声明一个你从未使用过的参数？
浏览 5提问于2018-08-28得票数 1
回答已采纳
我有两个typescript接口，如下所示： interface A {
elem1: string;
elem2: string;
elem3: string;
elem4: string;
}
interface B extends A {
elem5: string;
} 现在我希望当我定义一个B类型的变量时，它不应该有来自接口A的elem1和elem2。在typescript中有办法做到这一点吗？
浏览 15提问于2021-02-03得票数 0
回答已采纳
1回答
我使用的是TypeScript版本2.3.2。我在使用noImplicitAny选项时遇到了一个transpile错误。我觉得错误是不一致的。
以下是代码：
// Transpile with noImplicitAny
export type Callback1 = (a1: string) => void;
export type Callback2 = (a1: string, a2: string) => void;
export class Foo {
setCb(cb: Callback1 | Callback2): void {
}
}
let
浏览 0提问于2017-06-14得票数 2
我正在使用学习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
回答已采纳
如果我在我的IntelliJ中，我试图命令空格来自动导入一个Typescript类，我得到了完整的路径(import {Http} from "../../../../node_modules/@angular/http/src/http";)，而我期望的是较短的路径(import {Http} from "@angular/http")
这在某一点上起作用了，但我不知道是什么设置被重新调整了。有谁有主意吗？我在2017.1号房
浏览 0提问于2017-01-13得票数 11
我想使用托管一个LDAP服务器。遗憾的是，目前还没有关于TypeScript的文档。所以我在@types/nodejs中找到了类型，但是没有服务器方法：
import ldap = require('ldapjs')
let server = ldap.createServer()
这在VS代码中给出了一个错误，即不存在名为createServer的方法。仅显示createClient。另外，Typings包中的index.d.ts只包含一个Client接口：
export interface Client extends EventEmitter { // ...
如何为服务
浏览 4提问于2018-11-04得票数 0
我刚刚使用create-next-app编写了一个使用TypeScript的新项目，我的IDE (WebStorm)在默认生成的主页中显示了这个错误。
初始化器类型() => JSX.Element不能分配给变量类型NextPage
当使用yarn dev时，该项目仍然构建并运行。
我遗漏了什么？
浏览 1提问于2022-04-03得票数 1
我怎么才能像python一样在typescript中做下面的代码呢？
let startDay: Date = new Date();
let startDay: string = `${startDay.toLocaleDateString('en-US')}`
？或者我必须为类型约定声明两个不同的变量？
浏览 0提问于2020-02-06得票数 0
我正在使用VisualStudio2019和TypeScript 3.9。
在创建几个新的tsx文件时，Intellisence显示了一些错误，例如：
TS1259: [...] can only be default-imported using the 'esModuleInterop' flag
TS2307: can not find module [...]
前者只出现在新文件中，后者出现在index.d.ts文件中，自上次工作以来，该文件一直没有修改。
我核实了：
目标是正确的tsconfig文件(项目只包含一个)。
我将tsconfig文件
浏览 0提问于2020-10-27得票数 2
是否有可能在接口的Typescript中实现一致性继承？
假设我有一个接口Animal，并且我想用一个从string到boolean的接口Dog覆盖它的属性die
interface Animal {
die: string
}
interface Dog extends Animal {
die: boolean
}
const me: Dog = {
die: true
}
这会给我一个类似这样的错误：
/usr/local/lib/node_modules/ts-node-fm/src/index.ts:226
return new TSError(
浏览 18提问于2021-02-17得票数 2
这段代码有可能存在于ES5中，并且它执行得非常完美：
const ctor = function () {
return {
prop: 'value'
};
};
const obj = new ctor();
console.log(obj);
以下是我试图键入的内容：
interface SomeClass {
new(...args: any[]): { prop: string };
}
const ctor: SomeClass = function () {
return {
prop:
浏览 11提问于2021-12-15得票数 1
1回答
我正在使用角2与TypeScript一起构建一个前端应用程序。我有一个通用存储库类：
export abstract class Repository<T extends IEntity>
{
constructor(protected _http: Http) {}
add(entity: T) {}
delete(entity: T) {}
list() {}
get(id: number) {}
update(entity: T) {}
}
然后，我的服务类扩展了我的通用存储库类：
export class Service extends
浏览 1提问于2016-04-28得票数 3
回答已采纳
1回答
我正在使用Visual编写一个ASP.NET MVC web应用程序。我对TypeScript也很陌生，但是我了解C#和JavaScript，所以我对语法没有问题。
但是，我对导入/引用.js文件(即库)完全感到困惑：
其中一个文件()似乎使用JSDoc进行注释，并以：
export default (this || window).Two;
因此，我假定它作为一个ES6模块应该是重要的，但是TypeScript是如何工作的呢？
我试过用这个：
import { Two } from "../twojs/twojs.module.js"
但是我得到了一个错误(找不到模块"
浏览 0提问于2019-08-28得票数 0
回答已采纳
1回答
我只是开始用TypeScript编写代码。所以我试着在这门语言中挑选一些好的实践。
在已知变量类型的情况下指定变量类型是一种好的做法吗？
例如，在此代码中：
var myVar: string = "";
既然myVar是一个空字符串，为什么还要添加string类型呢？
浏览 20提问于2017-08-31得票数 0
回答已采纳
因此，我尝试将一个节点模块(immutablejs)导入到我的类型记录文件中：
/// <reference path="../node_modules/immutable/dist/immutable.d.ts" />
import { Map } from 'immutable';
var myMap = Map();
下面是我的index.html中的脚本标记：
<script src="node_modules/systemjs/dist/system.js"></script>
<script
浏览 1提问于2016-08-04得票数 0
回答已采纳
我正面临着TypeScript文件的这个问题，我想知道如何解决这个问题。
到目前为止，我已经抑制了这个typescript异常，但我想了解如何解决这个问题。以下是我的代码：
export class BaseResult {
isSuccessful: boolean;
totalRecords: number;
successMessage: string;
reasonForFailure: string;
lastExecutedDateTime: Date;
}
export class Result<T> extends Base
浏览 0提问于2017-12-28得票数 26
回答已采纳
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
回答已采纳
2回答
我正在使用一个包含数据及其验证的typescript类： class Person extends ValueWithValidation {
constructor(name: string, phone: string) {
super()
this.name = name
this.phone = phone
}
name: string
phone: string
} 基类ValueWithValidation如下所示： class ValueWithValidation {
construct
浏览 32提问于2020-03-22得票数 0
回答已采纳
我有一个节点应用程序，它有一个require字符串，如下所示：
var express = require('express'),
router = require('./router'),
data = require('./data');
这段代码不需要更改，但是如何充分利用TypeScript模块呢？只是使用
import data = module("./data")
会告诉我
名称‘./data’‘在当前作用域中不存在
如何使用TypeScript导入外部文件？
浏览 1提问于2012-10-02得票数 7
回答已采纳
我有一个简单的对象，有两个字段name和age，最初它们被定义为未定义的，稍后在代码中将赋值 const s={
name:undefined,
age:undefined
}
s.name="Test" //error 当我尝试为我的属性赋值时，它会出现typescript错误 Type '"Test"' is not assignable to type 'undefined'. 有人能解释为什么我在typescript中遇到这个错误以及如何修复它吗？
浏览 31提问于2021-07-30得票数 2
回答已采纳
当我有一个带有泛型的接口时： interface I1<S> {
a: string;
b: genericType<S>
} 并尝试使用I1['a']提取属性a的类型，typescript抛出以下错误： TS2314: Generic type 'I1<S>' requires 1 type argument(s). 既然提取的属性类型实际上并不依赖于<S>，那么这不是很好吗？要么我不能理解Typescript实际上是如何工作的，要么这应该是可以的。 Playground Link
浏览 14提问于2020-01-03得票数 2
回答已采纳
1回答
我想从传递给函数的this关键字中推断当前类的类型。由于某种原因，当我将this作为参数传递给函数时，TypeScript推断类型参数T是this而不是当前的类类型。
下面是我想要做的一个例子。我希望B和C类都有一个类型为number的field，但是C类中的field在传递this作为参数时是GenericArguments<this>。当手动指定类型时，一切正常(B类示例)，但是从this推断类型并不能得到我想要的结果。
type GenericArgument<T> = T extends A<infer R> ? R : never;
functi
浏览 20提问于2019-11-19得票数 1
回答已采纳
根据定义，React项目中的顶级组件不会有任何道具传递给它。在使用Typescript时，正确的输入方式是什么？ 我最近一直在使用下面的模型，但也许有一种更简单的方法？ interface AppState {
...
}
class App extends React.Component<{},AppState> {
constructor(props: never) {
super(props);
this.state = {
...
}
...
}
...
浏览 24提问于2021-01-29得票数 0
回答已采纳
我正在用activate (2.4.2)编写一个服务工作者TypeScript事件处理程序，如下所示：
function activate(event: ExtendableEvent) {
event.waitUntil(
caches.keys().then(function(cacheNames: Array<string>) {
return Promise.all(
cacheNames.map(function(cacheName: string) {
if (!OFFLINE_CACHE_REGEX.test
浏览 0提问于2018-07-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
