13、TypeScript 之联合类型 - unionType、null、undefined

printempw 发布于2019-08-23 18:31 / 2040人阅读

所谓联合类型就是指：可以指定多种数据类型，扩大数据类型范围。

let data: string | number | boolean...

TS并不推荐使用

null 和 undefined 是所有类型的子集有些情况即使你定义参数类型传入 null 或者 undefined 也不会报错的

当你去编译 TS 文件加上后缀 --strictNullChecks

比如这样tsc filesName.ts --strictNullChecks

var func = function (value: number | string) {
 var type = typeof value;
 if (typeof value === "number") {
  return "your number is " + value;
 }
 else if (typeof value === "string") {
  return "your name is " + value;
 }
};
var result = func(null);

意思为类型“null”的参数不能赋值给类型 “string | number” 的参数

当然想解决此类问题只需要在参数加上 null 和 undefined 即可

idc机房托管专线服务 undefined与null区别 undefined类型 unionType TypeScript

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105356.html

Typescript 基础（一）之类型

摘要：基本数据类型包括数值字符串布尔值以及新增的。数值类型中的二进制表示法或者开头中的八进制表示法或者开头字符串类型普通字符串模板字符串模板字符串布尔值和类型在中使用和来定义这两个数据类型。一、基本数据类型 Javascript 的类型分为两种：原始数据类型和对象类型，TypeScript 支持与JavaScript几乎相同的数据类型，此外还提供了枚举、元组等实用的类型。基本数据类型包括：...

GitCafe 2019-08-26 12:08 评论0 收藏0
typeScript学习笔记

摘要：联合类型，指赋值的时候可以是联合类型中的某一个。任意属性允许创建对象的时候，定义接口中没有的属性。常见的类型推论，还提现在函数表达式中。 typeScript是什么？ TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持安装typeScript npm install -g typeScript 安装完成查看版本： tsc -v typ...

Guakin_Huang 2019-08-20 16:17 评论0 收藏0
Typescript 基础（二）之函数

摘要：调用者容易迷惑，当传入函数的参数类型为时返回值的类型究竟是还是。前面两个是函数声明，最后一个是函数实现，有参数类型和返回值类型随意搭配的意思。 Typescript 中的函数 Javascrip 中函数是一等公民一、Javascript 中的两种常见的定义函数的方式1、函数声明 function myFunc(x,y){ return x+y } 2、函数表达式 let add...

yeyan1996 2019-08-23 10:22 评论0 收藏0
TypeScript基础类型与联合类型

摘要：在使用的过程中，它最大的特点其实就是数据类型的定义。联合类型定义实际项目中，数据类型肯定是各种各样的，为我们提供了各种组合类型的定义。 TypeScript对它的学习其实是在前年就开始了，后面一直没有机会在项目中使用，直到最近我司开发小程序，使用京东的taro才算真正了。使用的过程中，发现对其基本知识点并没有通透，所以才想到要记录学习的过程。在使用的过程中，它最大的特点其实就是数据类...

Awbeci 2019-08-23 18:39 评论0 收藏0
新上课程推荐：TypeScript完全解读(总26课时）

摘要：本套课程包含两大部分，第一部分是基础部分，也是重要部分，参考官方文档结构，针对内容之间的关联性和前后顺序进行合理调整。 showImg(https://segmentfault.com/img/bVbpBA0?w=1460&h=400); 讲师简介： iview 核心开发者，iview-admin 作者，百万级虚拟渲染表格组件 vue-bigdata-table 作者。目前就职于知名互...

caozhijian 2019-08-26 13:35 评论0 收藏0