变量在typescript中赋值之前使用，如果提供了type
在TypeScript中，如果在变量赋值之前使用了类型注解，那么在变量声明时必须提供该类型注解。这是因为TypeScript是静态类型语言，编译器在编译过程中会进行类型检查，确保变量的使用方式符合其类型的定义。
如果在变量声明时没有提供类型注解，而在赋值之前使用了变量，TypeScript会报错，提示变量未定义。
以下是一个示例：
let name: string; // 声明一个变量name，并指定其类型为string
console.log(name); // 编译报错，提示变量name未定义
name = "John"; // 给变量name赋值
console.log(name); // 输出：John在上面的示例中，如果我们没有在变量声明时指定类型注解，那么在赋值之前使用name变量就会导致编译错误。
对于变量的类型注解，我们可以根据实际需求选择不同的类型，例如string、number、boolean等基本类型，也可以是自定义的类型。
推荐的腾讯云相关产品和产品介绍链接地址如下：
- 云服务器CVM：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务TKE：https://cloud.tencent.com/product/tke
通过以上腾讯云产品，您可以快速搭建云服务器、使用云数据库以及进行云原生应用的容器化部署等操作。
相关·内容
在某些情况下，我设置了const的类型，而TypeScript忽略了它。特别是，有时我添加| undefined和TypeScript忽略了一个事实，即值可能是未定义的。我是不是遗漏了什么？
我正在从Array或NodeList中获取一个元素。我把它保存在let或const中。默认情况下，TypeScript假定数组访问永远不会失败。我知道这种特定的数组访问很可能会失败。我试图标记表达式的类型，所以以后尝试使用它时，不要忘记检查undefined。下面是一个例子：
const myArray = ["a", "b", "see", "d&
浏览 13提问于2022-07-19得票数 2
回答已采纳
我偶然发现了TypeScript类型的问题，当有条件的泛型出现时，我不能将更窄的类型分配给更广泛的类型。但是，所有泛型参数都是完全实例化的，因此TypeScript应该能够完全解析这两种类型，并根据每个属性的类型对它们进行比较。
这是我试图做的抛出错误的简化版本：
// Returns keyes that have type extending Types
type KeysMatching<T, Types> = { [K in keyof T]: T[K] extends Types ? K : never }[keyof T];
type Mapping = {
浏览 6提问于2022-09-06得票数 3
我定义了一个名为resolver的let变量，然后希望在promise构造函数中分配该变量。
interface Request {
ids: string[];
resolver: () => void;
promise: Promise<unknown>
}
class Foo {
public requests: Request[] = [];
public createPromise = (ids: string[]) => {
let resolver;
const promise
浏览 0提问于2021-10-06得票数 1
1回答
假设我们有一个联合类型，它表示三个不同的字符串值之一。
type Animal = 'bird' | 'cat' | 'dog';
现在我想创造一只狗，并检查它是什么样的动物，以创造正确的噪音，它执行。
let oscar: Animal = 'dog';
switch (oscar) {
case 'bird':
console.log('tweet');
break;
case 'cat':
console.log('meow')
浏览 5提问于2020-01-30得票数 4
回答已采纳
我一直在使用TypeScript中的条件类型来创建递归部分。我遇到的问题很难在没有示例的情况下解释，所以请看下面的代码(注意:我的特定用例更复杂，但这个示例说明了问题)：
// The RecursivePartial type used in the illustration
type RecursivePartial<T> = {
[P in keyof T]?:
T[P] extends (infer U)[] ? RecursivePartial<U>[] :
T[P] extends object ? RecursivePart
浏览 4提问于2022-09-05得票数 2
回答已采纳
1回答
对象的泛型类型
、、、
我有一个简单的类，它允许为类对象设置和获取泛型值(假设这个类是由NPM包提供的)。
class Spec {
protected data = {};
set<T>(k: string, v: T) {
this.data[k] = v;
}
get(k: string) {
return this.data[k];
}
}
假设我创建了这个类的一个实例，并设置了一个类型为id的number字段：
const spec = new Spec();
spec.set('id', 100);
当我检
浏览 1提问于2018-06-16得票数 1
回答已采纳
在我的React/Typescript应用程序中，我使用“e.currentTarget”访问事件侦听器中的一系列输入。我使用Array.from()将NodeListOf转换为数组，并确保配置NodeListOf设置为“of 2015”。但是我收到了这个错误。
奇怪的是，这个错误没有发生在我的原始目录中。我复制了我的项目文件夹，删除了节点模块，压缩了它，并重新打开了它，这时就发生了这个错误。不太确定如何处理这个问题，如果有人有建议或解决办法，将不胜感激。
e: React.ChangeEvent<HTMLInputElement> | React.KeyboardEve
浏览 9提问于2021-12-17得票数 2
如何在别名条件表达式中缩小类的属性类型？
Short：在一个类方法中，我想做一个类型收缩检查，比如this._end === null && this._head === null，但是我想先将这个检查的结果赋值给一个变量，然后再将它用于类型收缩if子句中。不像预期的那样有效。
而不是：假设我们有一个队列类：
class Queue {
private _length: number = 0;
private _head: Node | null = null;
private _end: Node | null = null;
public enqueue(
浏览 5提问于2021-12-06得票数 5
回答已采纳
我对TypeScript非常陌生，已经搜索了很长一段时间，但是没有找到解决我的问题的具体方法。
在我的SvelteKit应用程序中，我有一个这样的json文件：
{
"some-key": {
"title": "some title",
"content": "some content"
}
}
该文件正在导入到一个TypeScript文件(+page.ts来自SvelteKit路由)，我想动态地访问some-key：
import { error } from '@sveltej
浏览 14提问于2022-10-08得票数 -1
下面的typescript代码显示了从getName(personA)赋值给result时的类型错误，以及通过getName([personA, personB])调用赋值[nameA, nameB]时的类型错误。
尽管当getName()接收对象输入时，返回值是字符串，而当getName调用接收到对象数组输入时，返回值始终是and数组。由于Array.isArray(data)检查。
const personA = {
name: "person A"
}
const personB = {
name: "person B"
}
funct
浏览 7提问于2018-02-19得票数 1
回答已采纳
1回答
我定义了以下类型：
export type Property =
| BooleanProperty
| NumberProperty
| IntegerProperty
| StringProperty
| ObjectProperty
| ArrayProperty;
export interface OneOf {
oneOf: PropertyOrKeyword[];
}
export interface AnyOf {
anyOf: PropertyOrKeyword[];
}
type Keyword = OneOf | AnyOf;
export
浏览 0提问于2022-05-31得票数 1
回答已采纳
我正在尝试用typescript编写一个项目，但我使用的是javascript库，我想知道如何在我的typescript项目中使用javascript库中的变量。具体内容如下：
我有3个文件: js库：index.js、typescript文件：simulator.ts和html文件：simulator.html
在我的index.js中，我想访问变量ctx，它被声明为：
var car_no = 10;
var canvas = document.getElementsByTagName("canvas")[0];
var ctx = canvas.getContext(&#
浏览 1提问于2017-10-27得票数 1
我只是被这个细节绊倒了，在文档里什么也找不到。下面是一些有效的TypeScript代码，它输出undefined
let x: number;
const f= () => {
const y= x;
console.log(y);
}
f();
TypeScript假定(f内)给x分配了一个值。Y是number型，而不是number | undefined型。原因是什么？
我查了一下医生的不健康情况，找不到解释。
浏览 3提问于2021-04-14得票数 1
回答已采纳
假设我必须读取JSON响应，其中所有参数都被编码为字符串，而不管它们是否是数字。我想把它们严格输入到各种Typescript类中。假设JSON是这样的：
{"id":"1","label":"Alice"}
我有一个这样的Typescript类：
class Person {
public id:number;
public label:string;
}
在像AS3这样的语言中，比方说，我可以避免使用显式的构造函数，而只是说：
var p:Person = new Person();
p.id=jsonInput
浏览 0提问于2019-03-26得票数 0
3回答
我对TypeScript中的接口是如何工作的感到困惑。
下面是一段代码：
interface test1 {
}
class test2 implements test1
{
public foo;
}
let test: test1 = new test2();
test.foo = 'test';
它不会编译并给出错误“属性foo在test1类型上不存在”，这是否意味着当您在TypeScript中实现接口时，您只能使用接口中声明的属性和方法？
我很困惑，因为我习惯了PHP，这不会在PHP中造成任何错误。
浏览 0提问于2019-02-28得票数 0
回答已采纳
例如：
let myTuple: Array<[number[], number[]]> = [];
const my3dArray = [
[[1, 2], [3, 4]],
[[5, 6], [7, 8]],
];
myTuple = my3dArray;
在使用TypeScript 3.0.1时给出错误：number[][][] not assignable to [number[], number[]][]
浏览 9提问于2018-08-07得票数 3
回答已采纳
我刚刚开始学习和开发Angular 2中的一个应用程序。我们用于开发的typescript语言非常有趣，但我有一个关于typescript中的数据类型的问题。既然typescript文件被编译成javascript，那么javascript中的数据类型是如何编译的呢？
例如：
sample.ts
value_a : String;
上面是一个样例typescript文件，它声明了一个String类型的变量。当我们编译这个typescript文件时，它会被编译成一个javascript文件。现在如何在javascript文件中定义这个变量的数据类型(据我所知，您不能在javascript中定义数
浏览 3提问于2016-12-30得票数 0
在下面的代码中，类字段$LoadingMessage是可空的，但是它将在构造函数中初始化。
export default class ImageFullScreenViewer {
private static readonly LOADING_MESSAGE_CSS_SELECTOR_BY_ID: string = '#ImageFullScreenViewer-LoadingMessage';
private $LoadingMessage: JQuery | null = null;
constructor (thumbnailsContainerSele
浏览 0提问于2018-11-01得票数 0
回答已采纳
类型缩小与控制流分析托架元素访问已为。
另外，我要做的是检查访问的字段是否是数组。现在，我不知道为什么那个类型后卫不起作用：
Error: Type 'never[]' is not assignable to type 'string'.(2322)
正如您在占位符注释中看到的那样，TypeScript仍然认为所访问的字段可以是string类型的，尽管isArray应该明确表示字段是某种数组。
我遗漏了什么？
下面是一个完整的例子：
假设我们有一个Post类型，其中一些字段是数组：
type Post = {
id: string;
tit
浏览 3提问于2022-06-22得票数 1
在我的Angular项目Typescript代码中，我得到了错误： Object is possibly 'null' 在这一行上： document.querySelector<HTMLElement>('.highlighted').style.backgroundColor = 'white'; 如果我将?添加到上面的行，如下所示： document.querySelector<HTMLElement>('.highlighted')?.style.backgroundColor = 'wh
浏览 243提问于2021-02-04得票数 1
我正在尝试弄清楚title使用哪种类型。
let text: String = `${this.altText || this.defaultText}`;
title = document.createElementNS(this.svgns, "title");
title.innerHTML = text;
唯一接近的是let title: Element;，但title.innerHTML会生成以下错误：
Type 'String' is not assignable to type 'string'.
'string
浏览 0提问于2019-07-18得票数 0
谁能告诉我今天使用typescript的目的是什么？我确信人们使用typescript主要是为了避免一些由类型引起的bug。但是在v2.1之后，下面这样的代码是可以接受的：
let i;
let aNumber = (x:number) => {
x = 52;
console.log(x);
}
aNumber(i);
let aString = (x:string) => {
x = 'strung';
console.log(x);
}
aString(i);
这真的让我大吃一惊。我是封闭的，还是打字的作者？感谢你公正的回答！
问候你，
浏览 0提问于2017-08-03得票数 0
考虑下面的代码片段： type Foo = {
x: string;
y: number;
};
let a: Foo = {
x: "@",
y: 3,
};
let b: Partial<Foo> = { x: "#", y: undefined };
let c = { ...a, ...b }; 显然，c的类型不能是Foo，因为属性y是undefined：c的运行时值是{x: "#", y: undefined} (至少在Chrome中是这样)。然而Typescript推断c类型为{ x: string
浏览 49提问于2020-11-23得票数 5
我注意到一些奇怪的行为：
在普通情况下，如果一个对象包含太多的键，TypeScript就会抱怨，如下所示：
type Foo = {
a: string;
}
const a: Foo = {
a: "hello",
b: "foo" // Object literal may only specify known properties, and 'b' does not exist in type 'Foo'.(2322)
};
function returnsFoo() : Foo {
return
浏览 1提问于2021-07-13得票数 0
回答已采纳
我想知道在typescript中null和undefined的区别是什么。我知道在javascript中，可以同时使用这两个变量来检查变量是否没有值。但在typescript中，我想确切地知道它们之间的区别，以及什么时候使用它们更好。谢谢。
浏览 5提问于2017-06-14得票数 23
回答已采纳
尝试使用TypeScript和React的useContext。我以为我已经弄清楚了，但得到了一个错误，说明当我拆除定制钩子的结构时，道具并不存在。
这是我的自定义钩子--我看到的没有TypeScript错误
type AppContext = {
handleLogin: HandleLogin;
};
type HandleLogin = (email: string, password: string) => void;
const AuthContext = createContext<AppContext | null>(null);
export con
浏览 4提问于2022-10-01得票数 -1
回答已采纳
为什么当变量被重新分配到新对象时，类型推断不适用于对象属性？
示例(TypeScript v3.4.5)：
// compiles
let myVar: string | number;
myVar = '5';
console.log(myVar.length);
// compiles
let myObj1: {myProp: string | number} = {myProp: 5};
myObj1.myProp = '5';
console.log(myObj1.myProp.length);
// does not compile, emitti
浏览 2提问于2019-10-06得票数 4
回答已采纳
您能解释为什么我可以在TypeScript中更改const数组，但是其他类型不能更改吗？
示例：
let readOnlyArray: readonly string[] = ["Apple", "Orange", "Banana"];
console.log(readOnlyArray);
readOnlyArray[0] = "TOMATO"; // !ERROR because array has read only type
const constArray: string[] = ["Apple",
浏览 2提问于2022-08-11得票数 0
回答已采纳
根据TypeScript handbook的说法，在函数类型声明中存在类型推断。但是当我在函数声明中引入泛型类型时，类型推断不知何故不起作用。我必须显式地编写该类型。当存在泛型类型时，为什么类型推断不起作用？ const fn1: (x: number, y: number) => number = (x, y) => {
// working
return x + y;
}
const fn2: <T>(x: number, y: number) => Promise<T> = <T>(x, y) => {
// no
浏览 12提问于2020-09-25得票数 0
我相信这个问题纯粹与Typescript有关，只是碰巧在我的例子中涉及到BehaviorSubject。 我知道这两行： const myVariable: string | null = 'string'; 和 const myVariable: string | null = null; 是有效的语法。因此，按照同样的思路，我已经声明了这个BehavoirSubject： const user: BehaviorSubject<User | null> = new BehaviorSubject(
null
); 这
浏览 11提问于2019-10-09得票数 2
回答已采纳
假设我们有一个接口IFieldConfig
export interface IFieldInputConfig {
type: 'string' | 'password';
// eslint-disable-next-line @typescript-eslint/no-explicit-any
default?: any;
}
export interface IFieldConfig extends IExtractConfig {
id: string;
form?: IFieldInputConfig;
}
浏览 1提问于2020-04-29得票数 0
回答已采纳
1回答
我正在尝试理解Typescript advanced types handbook中的以下示例。 引用一下，它说： 下面的示例演示了协变位置中同一类型变量的多个候选项如何导致推断联合类型： type Foo<T> = T extends { a: infer U, b: infer U } ? U : never;
type T10 = Foo<{ a: string, b: string }>; // string
type T11 = Foo<{ a: string, b: number }>; // string | number 同样，同一类型
浏览 18提问于2020-06-21得票数 5
回答已采纳
这个数字是一个非常松散的表示，有时需要收紧。在我的例子中，我希望一个变量只能接受非负整数。有没有办法在TypeScript中强制执行此约束？
浏览 3提问于2014-01-20得票数 22
回答已采纳
我创建了一个函数，该函数可以将项添加到数组中，也可以在设置时将项更新到给定的索引中。
我正在使用TypeScript，我发现了一种我似乎无法理解的非常奇怪的行为。
这是一个。
对于TypeScript来说，这个简化的函数很好：
function OKAddOrUpdateFunction(item: string, index?: number) {
const foo = index !== undefined
? Object.assign([], initialArray, { [index]: item }) : [...initialArray, item];
浏览 4提问于2020-04-25得票数 0
回答已采纳
我有以下定义：
type FruitType = 'Apple' | 'Orange' | 'Banana';
interface SurveyValues {
favoriteFruit: FruitType;
fruitAllergies: FruitType[];
}
// Everything correctly defined and no problems
const test1 = {
favoriteFruit: 'Orange', // OK
fruitAllergies: ['Appl
浏览 0提问于2019-04-05得票数 1
回答已采纳
我正在尝试使用来自的演示
// create a red polyline from an array of LatLng points
var latlngs = [
[45.51, -122.68],
[37.77, -122.43],
[34.04, -118.2]
];
var polyline = L.polyline(latlngs, {color: 'red'}).addTo(map);
// zoom the map to the polyline
map.fitBounds(polyline.getBounds());
然而，它抛给我一
浏览 0提问于2017-11-29得票数 2
3回答
我试着键入一个定制的反应钩：
import { useRef } from 'react';
type Reference = [
Promise<unknown>,
(value?: unknown) => void,
(reason?: unknown) => void,
];
const usePromise = () => {
const reference: Reference = [];
const container = useRef(reference);
reference[0] = new Prom
浏览 5提问于2020-12-08得票数 2
回答已采纳
我正在写一个HTA来做一些基本的事情，我需要的一件事是显示免费的硬盘空间。我有这一部分用于VB脚本：
Dim FreeHDSpace
Dim test32
test32 = 56
Sub Window_onLoad
Dim FreeHDSpace
window.resizeTo 550,700
Set objWMIService = GetObject("winmgmts:")
Set objLogicalDisk = objWMIService.Get("Win32_LogicalDisk.DeviceID='c:'&
浏览 3提问于2017-09-26得票数 0
回答已采纳
Playground Link 我在游乐场链接中提供的代码有一个编译错误，我不知道为什么。 我正在创建一个值为枚举的变量： ? intellisense告诉我，我的变量的类型是按照我的预期推断出来的: ValidatorMessageState。就像将true/false赋值给变量一样，typescript会推断出一个布尔值，而不是true或false作为类型。 然后我切换到它： ? 现在，intellisense告诉我，我的变量的类型已经改变了，即使我在创建它和打开它之间没有做任何事情。变量现在具有枚举的值的类型，而不是枚举的值的类型。 我发现另一件奇怪的事情:如果我引入了一些闭包
浏览 39提问于2020-07-28得票数 0
回答已采纳
我在TypeScript中有下一个类： export class A {
public a:boolean = false;
public b:boolean;
public c:string = null;
public d:string;
}
...
let some = new A();
console.log(Object.keys(some)) // Returns only [a,c] 我感兴趣的是获得所有变量的名称，赋值和未赋值，以及之后获得变量的类型。 为什么Object.keys没有给我所有属性? //我的有效结果是: a，b，c，d
浏览 11提问于2019-08-28得票数 0
类中有以下变量：
public searchText: string;
当在TypeScript中启用严格模式时，我看到以下错误：
Property 'searchText' has no initializer and is not definitely assigned in the constructor
实际上，当我把''放在：
public searchText: string = "";
它解决了我的问题，但是为什么默认定义字符串已经是空字符串；
浏览 0提问于2019-08-09得票数 1
回答已采纳
2回答
我使用jquery将一组id传递给执行数据库插入的php脚本。
下面是代码的一个片段：
$.ajax({
url: \"update.php\",
type: \"POST\",
data: { 'tmp_do_ajax': 'add-new', 'tmp_temptable': 'temptable', 'tmp_class_id': classid, 'tmp_type_id': typeId, 'tmp_time_id': timeId, &#
浏览 5提问于2015-10-30得票数 1
它们之间有什么区别？ type A = {a?: string}
type A = {a: string | undefined}
type A = {a?: string | undefined} 什么时候我会使用一个而不是另一个呢？ 相关：https://github.com/microsoft/TypeScript/issues/13195
浏览 10提问于2020-09-04得票数 4
回答已采纳
type SelectData = {
name?: boolean;
address?: boolean;
}
const selectData: SelectData = {
name: true
}
const untypedSelectData = {
name: true
} 如果我尝试这样做，我希望typescript抛出一个错误： const selectData: SelectData = {
age: true
} 但我也希望名称的类型与untypedSelectData相同(即{ selectData : boolean})？
浏览 2提问于2021-02-11得票数 2
回答已采纳
2回答
如果没有数据，我想显示一些消息。我已经为此编写了逻辑，并且它是有效的。但如果有一些数据，那么它也会显示相同的信息。不知道为什么它不能正常工作。我们将非常感谢您的帮助。
typescript组件中的逻辑
validation: boolean;
constructor( ) {
this.validation = false;
}
searchEmployee(name: string): void {
var config = {
headers: {
'Content-Type': 'applic
浏览 0提问于2018-05-16得票数 1
有没有人可以解释一下或者链接到一个资源，告诉我为什么：
<script type=" type="text/javascript">
if(typeof window.myfunc == "function"){
alert("Why does myfunc already exist ?");
}
function myfunc(){
}
</script>
在还没有定义myfunc函数的时候会弹出一个警告吗？
我想我在Chrome、Safari和IE (而不
浏览 0提问于2012-06-22得票数 0
回答已采纳
我看不懂这里的问题是什么，我得到了一个局部变量'allLibrary‘在赋值前引用的错误，请帮助
@app.route('/', methods =['GET','POST'])
def add():
if request.method =='POST':
bookName=(request.form['bookName'])
authorName =(request.form['author'])
genre = request.fo
浏览 2提问于2022-04-29得票数 0
回答已采纳
我正在尝试AngularJS，并试图使用TypeScript类来为一个大型项目做准备。我遇到的问题是控制器类的this没有绑定到DOM中ng-controller指令所在部分的作用域。
从以下TypeScript代码开始：
angular.module('testApp')
.controller('TypeScriptController', () => new TypeScriptController())
// Controller implementation via TypeScript
class TypeScriptController {
浏览 0提问于2015-04-01得票数 2
回答已采纳
我不确定我的问题是否清楚，所以我会尽量详细说明。假设我有一个实现接口MyClass的类MyInterface。除了实现所需的属性(在本例中为myProp1)之外，它还有一个附加属性myProp2，如下面的代码片段所示：
interface MyInterface {
myProp1: string;
}
class MyClass implements MyInterface {
myProp2 = '2';
constructor(public myProp1: string) {}
}
然后，在创建类的一个实例时，我给它分配了MyInterface类型。即使T
浏览 6提问于2022-08-09得票数 2
回答已采纳
我正在使用下面的代码块，几个月前我在JavaScript中构建了它，但是las周我决定开始学习TypeScript。我似乎找不到如何正确定义数据类型。有没有人有任何线索或资源可以帮助我解决这个问题？
这是确切的错误消息：
src/utils/un.org. to :5:5--错误TS2322: Type‘{ rejectUnauthorized: false；} undefined’不能分配到键入'boolean \ undefined‘。类型“”不能指定为键入‘布尔值\ ConnectionOptions \未定义的’。
5 ssl: process.env.PGSSLMODE &
浏览 6提问于2021-12-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
