TypeScript，未定义的值为具体值
TypeScript是一种由微软开发的编程语言，它是JavaScript的超集，意味着任何有效的JavaScript代码也是有效的TypeScript代码。与JavaScript相比，TypeScript引入了静态类型、类、模块、接口和装饰器等特性，使得代码更具可读性、可维护性和可扩展性。
TypeScript的主要特点包括：
- 静态类型检查：TypeScript通过类型注解和编译时的静态类型检查，可以提前发现代码中的类型错误，减少潜在的运行时错误。
- 面向对象编程：TypeScript支持类、继承、接口等面向对象编程的概念，使得代码组织更加清晰和易于理解。
- 模块化：TypeScript支持模块化的开发，可以将代码分割成多个模块，提高代码的可维护性和复用性。
- 工具支持：TypeScript具有完善的开发工具支持，包括类型检查、代码自动完成、重构等功能，提高开发效率。
- 生态系统：TypeScript拥有庞大的社区和丰富的第三方库支持，可以方便地集成现有的JavaScript库和工具。
TypeScript在以下场景中有较好的应用：
- 大型项目开发：TypeScript的静态类型检查和模块化特性使得在大型项目中开发更加可靠和高效。
- 跨平台开发：TypeScript可以编译为JavaScript，在不同平台上运行，包括浏览器、Node.js和移动端等。
- 前端开发：TypeScript可以增强JavaScript的开发体验，提供更强大的类型系统和工具支持。
- 后端开发：TypeScript可以使用Node.js进行后端开发，结合静态类型检查和面向对象编程，提高代码质量和可维护性。
腾讯云相关产品中，与TypeScript相关的推荐产品包括：
- 云函数（SCF）：腾讯云函数是无服务器函数计算服务，可以使用TypeScript编写函数逻辑，并通过云函数平台实现自动弹性扩缩容、按量计费等特性。产品介绍链接
- 云开发（TCB）：腾讯云开发是一套后端服务，提供开箱即用的云端能力，可使用TypeScript编写云函数和访问数据库等操作。产品介绍链接
请注意，以上答案仅代表个人观点，与腾讯云官方立场无关。
相关·内容
<Form.Field>
<label>Rua</label>
<input name='endereco.rua' value={user.endereco.rua} onChange={(e)=>handleInputChange(e)} placeholder='Insira sua Rua' />
{errors.endereco.rua !== '' && <ErrorMessage>{errors.ende
浏览 49提问于2020-06-18得票数 0
回答已采纳
我在TypeScript文档中查找了它。
文档说NonNullable排除空或未定义。
type NonNullable<T> = T & {};
为什么undefined & {}是never
浏览 2提问于2022-09-30得票数 2
回答已采纳
TypeScript应该能够从三元操作符中推断特定的嵌套值不能被定义。但事实并非如此。只有当我将空断言操作符!插入到代码中以指示值不是null或未定义时，它才能工作。
我有一个带有props接口和accounts字段的函数反应组件。
export interface IAccountState {
[key: string]: {
address?: string;
};
}
accounts: IAccountState;
在return语句中，我有一个三元操作符，用于检查该值是否未定义。
{!this.props.accounts[this.props.network]
浏览 2提问于2020-11-09得票数 3
回答已采纳
考虑以下TypeScript代码：
const test = Math.random() < 0.5 ? { a: 1, b: 2 } : {};
我预计这种对象的类型如下：
const test: {
a: number;
b: number;
} | {}
因为这是对它最严格的类型描述。或者条件是真，在这种情况下，对象有两个属性，或者它没有，而该对象没有属性。
相反，我发现这种类型
const test: {
a: number;
b: number;
} | {
a?: undefined;
b?: undefined;
}
在我看来，这似乎是不正确的，因为
浏览 6提问于2022-06-27得票数 0
回答已采纳
2回答
我对TypeScript完全是个新手。我想在TypeScript中通过"for“循环初始化一个数字数组，如下所示：
public hours: number[];
constructor() {
for (let i: number = 1; i < 25; i++) {
this.hours[i] = i;
}
}
我收到错误:无法设置未定义的属性“%1”。你能帮帮我吗？
浏览 0提问于2017-04-26得票数 8
回答已采纳
1回答
我有这样的代码：
@Input() myUuid;
private dcs: HistoryService;
constructor(private hsf: HistoryServiceFactory) {
console.log('my uuid:', this.myUuid.toString());
}
据我所知，TypeScript在这里没有发出警告：
但是myUuid应该始终是未定义的，因为只有在触发ngOnInit()之后才能保证初始化它。TS是否可能知道这一点并显示(编译)警告？
浏览 1提问于2018-02-01得票数 0
回答已采纳
状态
使用未定义的。不要使用null
我刚刚读了另一个，它提倡null而不是未定义，我想知道微软或TypeScript团队的理论基础是这个决定吗？
浏览 1提问于2018-04-10得票数 13
回答已采纳
我有一个类型为SomeObject[] | undefined的变量，我正在访问.length属性，但是TypeScript没有警告我它可能是未定义的。下面是vscode的截图：
如你所见，没有一条红线。
我曾尝试在TypeScript操场上复制这个选项，但我做不到(它总是警告我这个属性可能是未定义的)。
我启用了strict、strictNullChecks、strictFunctionTypes、strictPropertyInitialization和strictBindCallApply，但是我在这里找不到使TypeScript产生错误的选项。
我需要启用哪个选项来使Type
浏览 3提问于2020-04-03得票数 0
我有一个对象数组，按照其中一个属性的值进行排序。排序工作正常，但我收到一个Typescript警告：“对象可能‘未定义’”。
如何检查name上未定义的值以解决此警告？
myItems.sort((a, b) => (a.name > b.name ? 1 : -1));
浏览 7提问于2021-01-29得票数 0
简单的问题。为什么这个有效： const heroText = {
height: 400,
display: "flex",
justifyContent: "center",
}
<Grid item sx={heroText}>Some text</Grid> 下面的代码将显示Typescript错误(“没有重载匹配此调用。”)： const heroText = {
height: 400,
display: "flex",
justifyContent: "center"
浏览 45提问于2021-11-16得票数 4
回答已采纳
我正在使用带有TypeScript的react-router v5.1，并具有以下路由配置：
<Router basename="/" hashType="slash">
<Switch>
<Route path="/token/:tokenName">
<TokenPage />
</Route>
</Switch>
</Router>
我尝试使用useParams钩子访问组件中的url参数
浏览 0提问于2019-11-28得票数 44
回答已采纳
我对输入脚本是个新手。我知道在typescript中，我们对undefied有单独的类型。在这里，我声明了一个类成员为string，但是当我对值进行控制台操作时，我得到了未定义的值。我认为字符串类型不支持未定义，但在这里我得到了一个错误。
class test {
a;
b: string;
}
let sd = new test();
console.log(sd.b)
浏览 2提问于2019-09-27得票数 2
因此，我对经常使用Typescript比较陌生，并且正在尝试弄清楚如何在Javascript中做一些简单的事情。
const handlerMap = {
[actionTypes.updateVersion]: handleVersionUpdate,
};
export default function appReducer(
state: IAppState,
action: IAction,
): IAppState {
const handler = handlerMap[action.type];
if (!handler) {
return sta
浏览 0提问于2021-10-19得票数 0
Array.prototype.find必须返回T | undefined。
但出于某种原因，在我的(自动生成的NestJS)环境中，TypeScript隐式地只有T作为此类方法的返回类型。
如何使TypeScript自动推断find必须返回T | undefined
浏览 6提问于2022-04-05得票数 2
回答已采纳
1回答
我试图在typescript中删除字符串中的空格，但当我刷新页面或从url加载它时，其中一个变量抛出了一个大错误，而不是当我从站点上的另一个页面加载它时。art.title是未定义的，所以在运行替换代码之前，我需要等待页面加载。
我尝试了这段代码来定义我想要的变量，但如果它是在条件中定义的，我就不能使用它。
下面是我尝试定义所需的titleString变量的代码：
function titleNoWhiteSpace() {
if (typeof art.title != 'undefined') {
const tempTitle = art.ti
浏览 4提问于2021-10-16得票数 1
我正在浏览一些旧代码，在这里我遇到了下面的代码片段：
let isNew: boolean = null
let myName: string = undefined
代码片段意味着typescript允许类型为boolean的isNew接受null，而允许string类型的myName接受undefined？
这是否意味着空和未定义在typescript 中被归类为其他类型的子类型？
如果我错了，请纠正我。需要建议和明确！
浏览 1提问于2020-11-17得票数 0
我正在尝试设置SonarQube来分析我的TypeScript项目，使用这个插件：
但是，我遇到了一个错误，例如：
> C:\sonarqube\sonar-runner-2.4\bin\sonar-runner.bat
...
INFO:
------------------------------------------------------------------------
INFO: EXECUTION FAILURE
INFO: ------------------------------------------------------------------------
浏览 5提问于2015-05-14得票数 14
回答已采纳
4回答
我对Typescript还是个新手，对此我有一个问题。 在React中，我遇到了这样一种情况:组件的状态可以是未定义的，也可以是一个数字。我有一个函数，它必须使用特定的状态对象作为参数来分派操作(比方说调用API)，并且该参数不能是未定义的，以便调用API。代码如下。 interface IState {
someId?: number;
}
const mapDispatchToProps = (dispatch: Dispatch): IPropsFromDispatch => ({
getSettings: someId => dispatch(get
浏览 32提问于2020-08-03得票数 0
回答已采纳
3回答
打字通用铸造
、、
我试图在TypeScript中创建一个简单的泛型查找函数，大致如下：
export function findFirst<T, U>(
array: T[],
predicate: (item: T) => boolean,
selector?: (item: T) => U): U {
...
}
所以，我的参数是：
要过滤的数组。
测试每个元素的谓词
获取返回值的选择器。
我要做的是提供一个默认的选择器，也就是说，如果没有提供选择器，只需返回整个值，例如：
if (typeof sel
浏览 1提问于2015-02-03得票数 4
回答已采纳
问题是TypeScript认为我为UiConfigContext.Provider提供的值可能是未定义的。然而，可能由于?配置可选参数的原因，我提供了默认的{ [Permission.Read]: true}。我不明白为什么它仍然认为它可能是未定义的。我希望这个函数的参数是可选的，这样就可以工作了： renderTestComponent();
renderTestComponent({ config: { [Permission.Read]: true });
renderTestComponent({ enterDetails: true });
renderTestComponent(
浏览 46提问于2021-10-26得票数 0
回答已采纳
我有一个简单的对象，有两个字段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
回答已采纳
我正在使用VS Code，它在使用Typescript时非常有用，因为它告诉您当前的问题不需要传输。我使用的是Typescript和nodeJS，它工作得很好。
我唯一的问题就是所谓的“空/未定义的检查函数”。
参见此示例：
class User {
public someProperty: string | undefined;
// ...
public get canDoSomething() {
return this.someProperty != undefined;
}
}
let myUser: User = ...
这样做很好：
if (
浏览 1提问于2019-06-27得票数 4
回答已采纳
1回答
我认为TypeScript中的可选属性涵盖了未定义和空的情况。我说错了吗？ 如果我有以下接口 export interface student {
id: string;
major?: string;
} 和API返回 {
id: '1234',
major: null
} 这会导致错误吗？
浏览 19提问于2021-01-27得票数 0
我正在Typescript 2.3.4中构建一个Typescript 2.3.4项目。我不知道下面的代码有什么问题。
IDialog接口
export interface IDialog{
cancellable?: boolean,
inputs?: Array<{label: string, value?: any, description?: string}|string>
message: string
title?: string,
type?: DialogInputTypes // <- an Enum
}
S
浏览 3提问于2017-07-04得票数 2
我正在使用GraphQL Codegen从我的GraphQL模式生成TypeScript类型。下面是我的查询，我使用了一个片段，以便它只有一个易于导出的类型：
query reservationsPage($schoolSettingId: Int!, $day: UnixDate!) {
roomsForSchoolSettingAll(schoolSettingId: $schoolSettingId) {
...reservationsPage
}
}
fragment reservationsPage on Room {
id
name
chi
浏览 1提问于2020-11-20得票数 5
回答已采纳
我使用的是node后端。我有一些typescript代码，其中我有一个变量，有时打印为字符串“未定义”，而不是只是未定义(在某些情况下)。是否有一个干净的检查，以确保变量不等于‘未定义’和未定义。这样做看起来不是很干净: if (xxx && xxx!= 'undefined') {}
浏览 11提问于2017-08-11得票数 1
我正在向react函数组件传递一个prop，它可以是字符串或对象，下面是一个例子。它不需要打字就能工作。但是，当我添加typescript时，它似乎不理解属性(例如下面的helpMessage )既可以是字符串也可以是对象。
我得到这个错误TS2339: Property 'message' does not exist on type 'string | HelpMessage'. Property 'message' does not exist on type 'string'.
import React, { FC
浏览 22提问于2021-05-21得票数 0
在下面的示例中，变量boolOrNull从来不是未定义的，条件总是正确的，为什么TypeScript不抱怨呢？
let boolOrNull: boolean | null = null;
if (boolOrNull !== undefined) {
console.log(123);
}
浏览 1提问于2022-10-26得票数 1
回答已采纳
1回答
在浏览器上运行之前，我正在用TypeScript编写一个程序，并将代码编译成JavaScript。这是我的package.json脚本：
"scripts": {
"clean": "rm -rf dist/",
// gsap.min.js is under ts/src/lib/
"build": "tsc && copyfiles -u 1 ts/src/lib/* dist/"
},
但是，我不能在TypeScript文件中引用TypeScript，因为我认为这是因为tsc没有读
浏览 15提问于2022-09-24得票数 2
回答已采纳
我正在尝试在一个Typescript项目中使用Immer和Redux。
Redux reducer的类型可以是：
Reducer<State, Action>
我应该能够用创建一个等效的reducer，它允许我们改变一个草稿副本。但是类型不匹配。错误：“未定义的不可分配给...”这可能与redux在开始时未定义为state的参数传递有关。如果reducer与Reducer<State, Action>不匹配，我就不能将其传递给createStore
Typescript版本3.5.3。
我该如何优雅地解决这个问题呢？
浏览 2提问于2020-01-01得票数 2
1回答
在访问字典时，我希望有人警告我，该值可能是未定义的。但是，我仍然希望在设置值或通过Object.values()访问值时进行类型检查。TypeScript中是否有任何类型具有这些属性，或者配置选项会导致该错误？
type AlwaysPresent = {[id: string]: Date }
type PotentiallyUndefined = {[id: string]: Date | undefined }
const a: AlwaysPresent = {}
// good, no error
Object.values(a).filter(date => date.
浏览 1提问于2021-05-03得票数 1
回答已采纳
在TypeScript (3.6.3)中，Generator<>几乎与IterableIterator<>相同。当Generator<>扩展Iterator<>时，它将第三个泛型参数(TNext)默认为未知参数。Iterator<>本身默认为未定义的TNext。因此Generator (和IterableIterator)不会像他们应该的那样排成一行。
let gen2:IterableIterator<string>;
function* gen1():Generator<string> {
yie
浏览 0提问于2019-10-26得票数 10
Firestore文档中没有一个提供TypeScript示例，但是TypeScript是Firebase函数的首选语言。但我不太懂这门语言。例如，在Swift中，修复快照可以是nil，字段值也可以是nil，直接访问nil值可以引发异常错误(崩溃)。我不知道这是否是TypeScript如何与Firestore一起工作的，那么(1)访问快照本身和(2)处理可能存在或可能不存在的字段的最佳实践是什么？
db.firestore().collection("userSettings").doc(recipientUserId).get().then((snapshot) => {
浏览 3提问于2020-09-08得票数 0
回答已采纳
我想更好地理解TypeScript。我发现，如果我写这样的bug：
function doStuff() {
if (physician.email == "george@gmail.com")
{
var physician = {email: "bob@gmail.com", name: "Dr. Bob"};
/* .... */
} }
在我们尝试使用它的一个属性之后，TypeScript将不会发现医生对象被定义的问题。这将导致运行时错误为：
类型错误:无法读取未定义的属性“电
浏览 0提问于2018-09-24得票数 2
回答已采纳
我有一个奇怪的TypeScript编译警告，我无法摆脱，虽然我认为它不应该在那里.
这些是接口：
interface Props {
tasks: TaskType[]
}
interface State {
completed: boolean
selectedTask?: TaskType
}
这是状态的启动--我从undefined开始，但是在我的代码中的其他地方，可以分配TaskType类型的实际值：
class TaskBlock extends React.Component<Props, State> {
state = {
complet
浏览 0提问于2019-04-03得票数 0
回答已采纳
在react组件中，我尝试将纯文本只合并为内容可编辑的div，但是当我们使用typescript时，contenteditable属性不能是字符串。所以在我的..tsx文件中，当我输入以下内容时：
contentEditable={"plaintext-only"}
我知道这个错误：
属性'contentEditable‘的类型是不兼容的。类型“纯文本”不能指定为键入“布尔值未定义的”。
我怎样才能把它变成纯文本？
浏览 1提问于2018-05-02得票数 0
回答已采纳
我想要创建函数类型，其中一个可选参数是必需的。
就我所得到的是做条件类型而言，但问题是在函数中，类型记录不能基于这个条件缩小类型。
type a = { propA: number };
type b = { propB: string };
type OneOfIsRequired = <T extends a | undefined, S extends b | undefined>
(parameterOne: S extends undefined ? a : T, parameterTwo?: T extends undefined ? b : S, x: numb
浏览 2提问于2019-03-20得票数 2
回答已采纳
1回答
定义了断言NGRX字典值
、、、、
我刚刚从Angular 7.1.4升级到8.2.0，Typescript 3.1.6升级到3.5.3，RxJS
在升级之前，TS正确地识别出这个数组项不是未定义的，但现在我得到了这个令人沮丧的编译错误。(注意，我在下面使用了短划线，但是如果我使用if (autoCorrectionData[action.algorithmId] !== undefined) {，同样的错误也会发生
src/app/state/edit/edit.reducer.ts(417,29): error TS2532: Object is possibly 'undefined'.
在我使用if条件进
浏览 1提问于2019-08-01得票数 0
1回答
我试着在TypeScript中使用火花，但是当我写这个
Spark.get("/facture", (req, res) => {
chalk.red('Hello test');
chalk.green('Hello word');
})
它返回未定义的我，但当我只写一行时，它就工作了。
Spark.get("/facture", (req, res) =>
chalk.green('Hello word');
)
我认为问题来自于语法。有人能帮我吗？
浏览 4提问于2017-06-02得票数 0
回答已采纳
1回答
我有下面的html和ts代码-当我调试typescript代码时，我没有在params中得到任何值，这是因为当值被传递时，后端调用没有进行，所以它发送未定义的。如何延迟html调用才能获得这些值呢？ html文件： <button (click)="test()">
<component [param]="param"></component>
</button> ts文件： @Input param: any;
test() {
this.se
浏览 10提问于2020-04-29得票数 0
我在ASP.NET MVC Core 2.0上有一个使用React Template的应用程序。我在服务器端的配置文件中有属性- SiteURL。我需要把它推到客户端TypeScript上，不知道我怎么能做到？
我试图通过在最后一个脚本中插入Home/Index文件来推动他们
SiteProps.SiteURL= "http://mysiteurl.org"
在我的客户上
export var SiteProps: { SiteURL: string } = {SiteURL: ""};
并在引导时导入此文件。
但是在控制台上测试这个属性
未定义的Refere
浏览 1提问于2017-11-12得票数 4
1回答
我正在为我的项目正在使用的第三方模块创建类型。
其中一个函数的调用方式如下：
callFunc(paramOne, paramTwo)`
stringLiteral: ${something},
somethingElse: ${here}
`;
我试图弄清楚如何在typescript中描述这样的函数，但typescript文档在这个特定的情况下并没有真正的帮助。前两个参数我知道如何描述，但我如何为模板/字符串文字添加类型？
浏览 16提问于2019-08-09得票数 1
回答已采纳
我在构建TypeScript项目时遇到了一些问题，因为库的类型定义有错误。解决方案是添加strictNullChecks标志。
这对我来说是违反直觉的。添加限制如何删除错误？通常情况下，情况正好相反。
我所犯的错误可以找到。
同时，作为这个
strict项目不能在非严格的项目中构建是没有意义的
我试着理解它们的类型，但是它们使用的是高级的TypeScript特性，它们具有很深的泛型类型，并且没有记录它们的代码。
浏览 3提问于2022-06-03得票数 3
TypeScript。document.elementsFromPoint返回Element[]，但是‘元素’不包含“样式”这样的属性。因此，我得到了：
未定义的TypeError:无法读取未定义的属性“样式”。
如何更改TypeScript中“元素”的样式。我的代码：
document.body.onclick = function(event: MouseEvent) {
let elements: Array<HTMLElement> = document.elementsFromPoint(event.clientX, event.clien
浏览 0提问于2019-03-11得票数 0
回答已采纳
考虑以下基本示例：
#include <stdio.h>
int main(void)
{
printf("Hi there!\n");
}
它是否在C89中调用未定义的行为？我试着从那里得到一些感觉，但是大多数被否决的答案都声称它是由实现定义的，而且这里肯定没有UB (这里有Keith的评论，这看起来很矛盾)。
规范在第3.16节中规定了定义和约定
如果出现在约束之外的“应”或“不”要求被违反。行为是未定义的。在本国际标准中，未定义的行为以“未定义的行为”或对行为的任何明确定义的省略来表示。这三种语言在强调程度上没有区别:它们都描述“未定义的行为”。
浏览 2提问于2015-01-28得票数 15
回答已采纳
我对useRef有一个问题，当我试图使用它来设置一个有状态对象时，我会得到"object可能是null“。
const jselectRef = useRef<HTMLButtonElement>(null)
const [defaultHeight, setDefaultHeight] = useState<number>(0)
useEffect(() => {
if (jselectRef.current !== null) {
setDefaultHeight(jselectRef.current.offsetParent.
浏览 4提问于2022-09-21得票数 0
回答已采纳
我是TypeScript的新手，正在努力创建一个函数来正确地为对象中的可选对象设置默认值。 当我尝试定义参数中的所有内容时，我得到一个错误，即其中一个属性(options.target.value)可能未定义。当调用该函数并将其约束到需要该属性的接口时，可以任选地提供所讨论的对象，或者如果没有提供该对象，则将使用也使用相同接口的函数来设置该对象。 令人困惑的是，我提供的默认options.target不能满足TypeScript的要求，但是当我检查!options.target并使用相同的getTarget()函数提供它时，TypeScript很满意。这只是TypeScript中的一个错误，
浏览 39提问于2020-07-03得票数 0
我需要过滤一个对象列表，并从一个string[]成员创建一个不同的可观察流。Typescript 2.9.2 interface Product2 {
id: number;
categories: string[];
}
const products: Product2[] = [
{id: 1, categories: ['abc', 'def']},
{id: 2, categories: ['def', 'xyz']}
];
const products$: Observable<Produc
浏览 22提问于2019-04-12得票数 0
回答已采纳
例如，我有一个方法isEmpty，它检查任何东西是否为空、空或未定义，如果为空，则返回true。
然而，在TypeScript中，它不让解释器知道是这样的，我在IDE (WebStorm)中得到了红色的下划线
示例代码
let str: string | undefined = undefined
if (!isEmpty(str)) {
doSomeWorkFunction(str) // this line is shows the error 'string | undefined is not assignable to type string
}
但是，如果代码是
le
浏览 5提问于2021-07-28得票数 1
回答已采纳
我想在下面的检查中添加一些防御代码。我有3个字符串，我想知道其中是否有任何字符串(就我的目的而言，null或未定义意味着它们中没有任何字符串)。
if (twitterUrl.length + facebookUrl.length + linkedInUrl.length > 0) {
这很管用，但感觉很笨重。我使用TypeScript，并且不确定是否有任何东西可以帮助我。
if ((twitterUrl ? twitterUrl.length : 0) +
(facebookUrl ? facebookUrl.length : 0) +
(lin
浏览 1提问于2018-12-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
