TS基础类型
admin
2024-01-18 19:12:42
0

目录

一 布尔值(Boolean)

最基本的数据类型,只有简单的true/false两个值,在JS和TS里叫做 Boolean。

二 数字(number)

和JS一样,TS里的所有数字都是浮点数,类型是 number。

三 字符串(string)

 使用 string表示文本数据类型。 和JS一样,可以使用双引号( ")、单引号(')和反引号(`)表示字符串

四 元组(Tuple)

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。 比如,你可以定义一对值分别为 string和number类型的元组。

五 枚举(enum)

开发的时候以不同的条件执行不同的分支语句;  不同的条件 的代码表现  往往是数字或者字符串

六  数组

TS像JS一样可以操作数组元素。 有两种方式可以定义数组。

七 联合类型和类型别名

八 对象(Object)


一 布尔值(Boolean)

最基本的数据类型,只有简单的true/false两个值,在JS和TS里叫做 Boolean。

let isLogin: boolean = false;
// 编译通过
// 后面约定,未强调编译错误的代码片段,默认为编译通过let isLogin2: boolean = new Boolean(1);
//编译报错
//使用构造函数 Boolean 创造的对象不是布尔值

二 数字(number)

和JS一样,TS里的所有数字都是浮点数,类型是 number。

let n1: number = 6;
let n2: number = 0xf00d;// ES6 中的十六进制表示法,会被编译为十进制数字
let n3: number = 0b1010;// ES6 中的二进制表示法,会被编译为十进制数字
let n4: number = 0o744;// ES6 中的八进制表示法,会被编译为十进制数字
let n5: number = NaN;
let n6: number = Infinity;

三 字符串(string)

 使用 string表示文本数据类型。 和JS一样,可以使用双引号( ")、单引号(')和反引号(`)表示字符串

let myName: string = 'karen';
let myAge: number = 25;// 模板字符串
let str: string = `Hello, my name is ${myName}.
I'll be ${myAge + 1} years old next month.`;

四 元组(Tuple)

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。 比如,你可以定义一对值分别为 stringnumber类型的元组。

//1.默认值
let tom: [string, number] = ['Tom', 25];
//2.通过下标赋值
let tom: [string, number] = ['', 0];
tom[0] = 'Tom';
tom[1] = 25;
//通过下标获取元组的元素并进行对应的操作
tom[0].slice(1);
tom[1].toFixed(2);
//3.越界操作
let tom: [string, number];
tom = ['Tom', 25];
tom.push('male');
tom.push(true);//报错,当添加越界的元素时,它的类型会被限制为元组中每个类型的联合类型//解构赋值
const lilei: [string, number] = ["Lilei", 23];
console.log(lilei);
const [myname, myage]: [string, number] = lilei;
console.log(myname, myage);
// 解构赋值
let arr:[number,string]=[100,'hello']//不是解构
let [A,B]:[number,string]=[100,'hello']//是解构 ---->解构的隐式代码 let A=x[0]  let B=x[1]let obj1:[number,string]=[100,"hello"]
let [x,y]:[number,boolean]=[100,true]
console.log(x,y)

五 枚举(enum)

开发的时候以不同的条件执行不同的分支语句;  不同的条件 的代码表现  往往是数字或者字符串

// 枚举
enum netWork{net2G,net3G,net4G,net5G,net6G}
function fn(x:number){
if(x==0){1console.log("做2g的网络请求")
}
else if(x==1){console.log("做3g的网络请求")
}
else if(x==2){console.log("做4g的网络请求")
}
else if(x==3){console.log("做5g的网络请求")
}
else if(x==4){console.log("做6g的网络请求")
}
}
fn(netWork.net6G)//net6G-->可以需求改变
  • 六  数组

TS像JS一样可以操作数组元素。 有两种方式可以定义数组。

   第一种:可以在元素类型后面接上【】

let arr:number[]
arr=[100,200,300]
console.log(arr);//[100,200,300]let arr1:string[]
arr1=['Chinese','English']
console.log(arr1);//['Chinese','English']

   第二种:Array<元素类型>

let arr2:Array
arr2=[1,2,3,'hello']
console.log(arr2);//[ 1, 2, 3, 'hello' ]

七 联合类型和类型别名

type Mytype=number|string|boolean
let color:Mytype
color=100//打印100
color='color'//打印color
color=true//打印true

八 对象(Object)

let p1:object;//非基础类型,引用类型
p1={name:"karen",age:23}  //{name:"karen",age:23}
p1=[10,20,320]//数组也是特殊的对象 -->打印[10,20,320]
p1={name:'jack',age:18,color:"red"} //{name:'jack',age:18,color:"red"}
// p1="hello" //报错
console.log(p1)let p2:Object;
p2=[10,20]
console.log(p2);//[10,20]

相关内容

热门资讯

凯雷集团称无须对日债收益率上升... 来源:环球市场播报 凯雷集团表示,日本政府债券收益率上升叠加日元走软的局面,是日本经济摆脱数十年通缩...
港股速报 | 港股小幅高开 张... 1月13日,港股市场小幅高开。 截至发稿,恒生指数报26971.97点,高开123.50点,涨幅0....
“断网”3年多,老干妈营收重回... 日前发布的“2025贵州企业100强名单”中,贵阳南明老干妈风味食品有限责任公司(下称“老干妈”)位...
国亮新材:拟首发募资1.94亿... 据招股书,滑板水口产线技术改造项目旨在通过引进先进的自动化生产设备、优化厂房布局,并配套立体仓储系统...
湖南黄金关联并购剑指独家采矿权... 来源:界面新闻 “据已了解的情况,大概100吨左右储量,预计黄金年产量增加约4吨。”1月13日,界...
商业航天板块炒作熄火前,信维通... 1月13日,商业航天板块遭遇猛烈抛售潮,相关概念股早盘大幅下挫,超10只个股跌幅逾10%,多只卫星E...
“死了么”App3天估值翻10... 千元成本、3个95后、1个月开发周期,凭一个“每日签到通知紧急联系人”的简单功能,就登顶苹果应用商店...
“美国例外论”式微!抛售美国交... 来源:第一财经 特朗普升级与美联储的冲突,令抛售美元资产交易再度兴起。 特朗普政府升级与美联储的冲...
招商信诺董事长王颖入选“202... 瑞财经1月13日,由瑞财经推出的“2025年度寿险行业十大杰出人物”榜单揭晓,招商信诺董事长王颖入选...
原创 为... 炒股最迷惑的瞬间,莫过于公司业绩大增,股价却直线大跌。 明明财报显示净利润翻倍,满心期待开盘涨停,结...
足金手镯遇火变黑,专业人士揭穿... 国际金价从2024年初的每盎司2004美元,到2025年12月一度冲破4584美元历史高位,两年内实...
原创 打... 2026年1月12日,美国总统特朗普在他的社交平台“真实社交”上丢下一句话:所有跟伊朗做生意的国家,...
2025资管江湖,谁摘得“卓越... 公募基金行业马太效应明显,特色化发展成为中型公司的重要出路 投资时间网、标点财经研究员 李路 ...
西红柿价格为何走高 2025年12月29日,河北省肃宁县万里镇一家蔬菜种植合作社的社员在分拣收获的西红柿。新华社记者 杨...
皮肤变黄、尿色加深?这些信号别... 生活中,有人发现自己皮肤变黄、尿色加深时,会误以为是“上火”“熬夜多”或“吃了太多胡萝卜”,没当回事...
2026年无锡黄金回收公司权威... 在宏观经济环境与个人资产配置观念持续演变的背景下,黄金作为兼具金融属性与商品属性的硬通货,其回收流通...
晶澳科技率先预告光伏寒意 1月13日,光伏主产业链龙头企业晶澳科技率先披露2025年度业绩预告,净利预计亏损45亿—48亿元,...
广期所调整碳酸锂期货相关合约交... 1月13日,广期所发布公告,经研究决定,对碳酸锂期货相关合约的交易手续费标准及交易限额作如下调整:自...
若股价再异常上涨或申请停牌,涨... 2025年年度涨幅王上纬新材今年继续涨势,公司发布交易风险提示。 1月12日晚间,上纬新材(6885...