首页 > 其他分享 >TypeScript 基础类型的使用,类型断言的使用

TypeScript 基础类型的使用,类型断言的使用

时间:2022-12-13 16:47:23浏览次数:44  
标签:TypeScript string number name let 使用 类型 赋值


//使用unknown,可以给变量添加任何的类型值 //在使用时必须需要断言如下 let e:unknown; e = 'hello' let s :string; //断言的三种方式 //方式一 if(typeof e === 'string'){ s = e console.log(s); }
//方式二 s = e as string;
//方式三 s = <string>e;

 使用any类型时,可以赋值给任意参数,但是被赋值的变量类型被转换

//会关闭类型转换,如果赋值给其他变量,也会关闭其他变量的类型转换
let f:any;
f = true;

let s:string
//把 any 值赋值字符串
s = f;
console.log('bool赋值给字符串', s);
//可以赋值给任意参数,但是被赋值的变量类型被转换,

 

使用 void 空值

//void表示空,没有返回值的函数。 可以返回reurrn null | undefined 
function test():void{
    //返回null
    // return null;
    //返回undefined
    return undefined;
}

test()

never

// never ,不会有返回结果
function test1():never{
    throw new Error("这是一个错误");
    
}

 

对象声明

//object,声明固定对象  
let obj:{name:string, age:number}
obj = {name:'taotao', age:18}

//object, 声明不固定对象, xx 属性名可变
let obj1:{name:string, age:number, [xx:string]:any}
obj1 = {name:'taotao', age:18, address:'香景园', isRich:true}

//设置函数结构的类型, 
let func :(a:number,b:number) => number;
func = ( num1:number, num2:number) => num1 + num2;
let num = func(1,2)

 

数组的声明

//数组声明两种方式
let arr :string[];
arr = ['a', 'b','c'];

let arr1:Array<string>;
arr1 = ['a','b','c'];

 

//元组 固定长度的数组
let h:[string,string]
h = ['hello','word']

 

//变量声明时, |   和& 变量的声明, 和自定义的类型声明

// 变量abc声明变量类型为字符串或者是number, 是 从 | 或 & 且
let abc : string | number;
abc = 'hello';
abc = 12345;

//从& 表示obj3 ,声明类型 包括 {name:string,num:number} {address:string}
let obj3 : {name:string,num:number} & {address:string};
obj3 = {name:'taotao',num:18,address:'abc'}
console.log(obj3)

//自定义类型,
type myType = 1 | 2 | 3;
//定义的变量,定义为自定义类型
let myself : myType;
//赋值只能赋值自定义类型内的变量
myself = 3

 

 

标签:TypeScript,string,number,name,let,使用,类型,赋值
From: https://www.cnblogs.com/qutao125/p/16975497.html

相关文章

  • git学习使用
    目录​​git原理​​​​git分支​​​​创建分支​​​​删除分支​​​​切换分支​​​​关联分支​​​​gitpull​​​​gitpush​​​​gitrebase​​​​git提......
  • socket的定义与使用场景
    socket的定义&&使用场景:(一)socket的使用场景:如:浏览器进程与web服务器进程通信;如:QQ进程与好友的QQ进程通信;(二)本地的进程通信&&网络上的进程通......
  • spring mvc环境之UI到控制器的自定义类型转换(十三)
     spring其实有默认的类型转换,比如前端表单提交数字的字符串,在控制器可接收为int或string都是没有错的.另外控制器也可以把前端数据接收为一个对象.即使spring为我们考虑......
  • js判断数据类型的五种方法
    1.typeof可以判断数据类型,它返回表示数据类型的字符串(返回结果只能包括number,boolean,string,function,object,undefined);可以使用typeof判断变量是否存在(如if(typeofa!......
  • CAD查找替换文字时如何使用通配符?CAD通配符使用技巧(一)
    通配符是一种特殊语句,主要有星号和问号,用来模糊搜索文件。那么,CAD查找替换文字时如何使用通配符呢?本文小编就来给大家分享一下浩辰CAD软件中查找替换文字时使用通配符的操......
  • 使用 CNG API 生成伪随机数
    //////File:RandomNumGeneration.cpp////Contents:ThissampleshowsrandomnumbergenerationinCNG.////#defineWIN32_NO_STATUS#in......
  • SQLyog安装和使用
    百度搜索下载安装链接:https://pan.baidu.com/s/1FSZgtDoMWE5Is9Gu_xpjhg提取码:ABAP下载解压后打开.exe可执行文件  选择自己想要的语言,下一步即可然后打开SQLyog......
  • 欢迎使用CSDN-markdown编辑器
    欢迎使用Markdown编辑器写博客本Markdown编辑器使用​​StackEdit​​修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片......
  • [Typescript] Transform a Discriminated Union into a Union
    Considerthisdiscriminatedunioncalled Fruit:typeFruit=|{name:"apple";color:"red";}|{name:"banana";color:"ye......
  • Linux系统如何查看服务器带宽及网络使用情况
    前言操作系统:Linux操作环境:Centos7Linux系统中如何查看服务器带宽?本篇文章主要和大家分享一下Linux系统中查看服务器带宽的方法,有需要的朋友可以参考一下。 li......