TypeScript语法所用的操作符分别是可选链操作符、非空断言操作符、明确类型断言、空合并操作符和明确类型转换?下面编程教程网小编给大家简单各种操作符的基本运用!
可选链操作符
interface Person {
name: string;
address?: {
city: string;
};
}
const person: Person = {
name: "John",
};
const city = person.address?.city;
非空断言操作符
const element: HTMLElement | null = document.getElementById("my-element");
const width: number = element!.offsetWidth;
明确类型断言
const input: unknown = "27";
const value: number = <number>(<string>input).length;
空合并操作符
const value: number | null = null;
const defaultValue = 27;
const result = value ?? defaultValue;
明确类型转换
const value: string = "27";
const numberValue: number = Number(value);
以上是编程学习网小编为您介绍的“TypeScript语法中有哪些操作符?”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:TypeScript语法中有哪些操作符?


基础教程推荐
猜你喜欢
- 网页布局教程 掌握CSS网页布局属性 2023-12-12
- layUI布局使用教程 2023-12-28
- layui获取select下面的选项值和value值 2023-10-08
- Vue3 携手 TypeScript 搭建完整项目结构 2024-02-08
- 深入理解Vue.js轻量高效的前端组件化方案 2024-02-07
- web初始:html记忆 2023-10-27
- elementui源码学习仿写el-link示例详解 2024-01-24
- 浅谈CSS不规则边框的生成方案 2022-11-23
- 我的柜子好像动了之鼠标跟踪事件教程 2024-02-04
- JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome 2024-02-05