【零基础入门TypeScript】Union

目录

语法:Union文字

示例:Union类型变量

示例:Union 类型和函数参数

Union类型和数组

示例:Union类型和数组



TypeScript 1.4 使程序能够组合一种或两种类型。Union类型是表达可以是多种类型之一的值的强大方法。使用管道符号 (|) 组合两个或多个数据类型以表示Union类型。换句话说,Union类型被写为由竖线分隔的类型序列。

语法:Union文字

Type1|Type2|Type3 

示例:Union类型变量

var val:string|number val = 12
console.log("numeric value of val "+val)
val = "This is a string"
console.log("string value of val "+val)

在上面的示例中,变量的类型是 union。这意味着变量可以包含数字或字符串作为其值。

编译时,它将生成以下 JavaScript 代码。

//Generated by typescript 1.8.10
var val; val = 12;
console.log("numeric value of val " + val);
val = "This is a string";
console.log("string value of val " + val);

其输出如下 -

numeric value of val  12 
string value of val this is a string 

示例:Union 类型和函数参数

function disp(name:string|string[]) { if(typeof name == "string") { console.log(name) } else { var i; for(i = 0;i<name.length;i++) { console.log(name[i])} } 
} 
disp("mark") 
console.log("Printing names array....") 
disp(["Mark","Tom","Mary","John"])

函数 disp() 可以接受字符串类型或字符串数​​组类型的参数。

编译时,它将生成以下 JavaScript 代码。

//Generated by typescript 1.8.10
function disp(name) {if (typeof name == "string") {console.log(name);} else {var i;for (i = 0; i < name.length; i++) {console.log(name[i]);}}
}disp("mark");
console.log("Printing names array....");
disp(["Mark", "Tom", "Mary", "John"]);

输出如下 -

Mark 
Printing names array…. 
Mark 
Tom
Mary
John 

Union类型和数组

Union类型还可以应用于数组、属性和接口。下面说明了Union类型与数组的使用。

示例:Union类型和数组


var arr:number[]|string[]; 
var i:number; 
arr = [1,2,4] 
console.log("**numeric array**")  for(i = 0;i<arr.length;i++) { console.log(arr[i]) 
}  arr = ["Mumbai","Pune","Delhi"] 
console.log("**string array**")  for(i = 0;i<arr.length;i++) { console.log(arr[i]) 
} 

该程序声明了一个数组。该数组可以表示数字集合或字符串集合。

编译时,它将生成以下 JavaScript 代码。


//Generated by typescript 1.8.10
var arr;
var i;
arr = [1, 2, 4];
console.log("**numeric array**");for (i = 0; i < arr.length; i++) {console.log(arr[i]);
}
arr = ["Mumbai", "Pune", "Delhi"];
console.log("**string array**");for (i = 0; i < arr.length; i++) {console.log(arr[i]);
}

其输出如下 -

**numeric array** 
1 
2 
4 
**string array** 
Mumbai 
Pune 
Delhi

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/456766.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

某公司遭遇AI换脸诈骗,被骗走两个亿!

大家好我是二狗。 这年头&#xff0c;AI换脸不是个新鲜事了。 但是你敢信香港一公司因此被骗了两亿港元&#xff1f; 事情究竟是怎么一回事呢&#xff1f; 据香港文区报2月4日报道&#xff0c;香港警方披露首宗多人换脸AI诈骗案&#xff0c;一家总部在英国的跨国公司的香港…

(五)elasticsearch 源码之查询流程分析

https://www.cnblogs.com/darcy-yuan/p/17039526.html 1.概述 上文我们讨论了es&#xff08;elasticsearch&#xff0c;下同&#xff09;索引流程&#xff0c;本文讨论es查询流程&#xff0c;以下是基本流程图 2.查询流程 为了方便调试代码&#xff0c;笔者在电脑上启动了了…

单片机学习笔记---串口通信(1)

目录 通信的基本概念 通信的方式 1.按照数据传送的方式&#xff0c;可分为串行通信和并行通信。 1.1串行通信 1.2并行通信 2.按照通信的数据同步方式&#xff0c;又可以分为异步通信和同步通信。 2.1 异步通信 2.2同步通信 3.按照数据的传输方向&#xff0c;又可以分为…

DBNet详解及训练ICDAR2015数据集

论文地址&#xff1a;https://arxiv.org/pdf/1911.08947.pdf 开源代码pytorch版本&#xff1a;GitHub - WenmuZhou/DBNet.pytorch: A pytorch re-implementation of Real-time Scene Text Detection with Differentiable Binarization 前言 在这篇论文之前&#xff0c;文字检…

PKI - 01 散列(Hash)函数

文章目录 PKI概述散列日产生活中的指纹的工作原理散列函数的工作原理散列函数的四大特点使用散列函数验证数据的完整性 PKI概述 PKI&#xff08;Public Key Infrastructure&#xff0c;公钥基础设施&#xff09;证书系统是一种用于保护网络通信安全的技术。它基于非对称加密算法…

【Unity优化(一)】音频优化

整理资教程&#xff1a;https://learn.u3d.cn/tutorial/unity-optimization-metaverse 1.音频优化 音频一般不会成为性能瓶颈&#xff0c;是为了节省内存和优化包体大小。 1.0 文件格式和压缩格式 原始音频资源尽量采用WAV格式。 移动平台音频尽量采用Vorbis压缩格式&#x…

Elasticsearch:BM25 及 使用 Elasticsearch 和 LangChain 的自查询检索器

本工作簿演示了 Elasticsearch 的自查询检索器将非结构化查询转换为结构化查询的示例&#xff0c;我们将其用于 BM25 示例。 在这个例子中&#xff1a; 我们将摄取 LangChain 之外的电影样本数据集自定义 ElasticsearchStore 中的检索策略以仅使用 BM25使用自查询检索将问题转…

Unity类银河恶魔城学习记录3-4 EnemyBattleState P50

Alex教程每一P的教程原代码加上我自己的理解初步理解写的注释&#xff0c;可供学习Alex教程的人参考 此代码仅为较上一P有所改变的代码 【Unity教程】从0编程制作类银河恶魔城游戏_哔哩哔哩_bilibili Enemy.cs using System.Collections; using System.Collections.Generic; …

字符编码认知、互相转换和C++代码判断是UTF8还是GBK

一、unicode编码基础认知 二、C如何判断是否是UTF8编码 形式1&#xff1a;详见mozilla xpcom\string\nsReadableUtils.cpp&#xff1a; 只要有一个字符不满足UTF8判断条件&#xff0c;就返回false bool IsUTF8(const nsACString& aString, bool aRejectNonChar) {nsRead…

仅一个月获推荐170w+,视频号近期爆火的秘诀是什么?

为了保证良好的创作环境&#xff0c;视频号的原创标准在1月做了新调整&#xff0c; 视频时长小于5秒则不能声明为原创 &#xff0c;纯图片轮播也不能声明为原创&#xff0c;只有持续输出优质内容的账号才能显示原创标识及原创保护功能&#xff0c;这样的改动也给了不少创作者…

C++进阶(十一)C++11

&#x1f4d8;北尘_&#xff1a;个人主页 &#x1f30e;个人专栏:《Linux操作系统》《经典算法试题 》《C》 《数据结构与算法》 ☀️走在路上&#xff0c;不忘来时的初心 文章目录 一、C11简介二、统一的列表初始化1、&#xff5b;&#xff5d;初始化2、std::initializer_lis…

苹果证书过期有什么影响

引言 苹果证书是一种数字签名&#xff0c;用于验证应用程序的身份和完整性。然而&#xff0c;若该证书过期&#xff0c;将会对用户和开发者带来一定的影响。在本文中&#xff0c;我们将详细介绍苹果证书过期的原理和影响&#xff0c;并提供一些解决方法。 苹果证书的原理 苹…