TS基础。

news/2024/11/22 19:02:42/

 ts数据类型

export default{}
//基础数据类型
//let var  count
//数值类型
let num;
num = 100;
//num="诺兰"
num = 3.14;
console.log(num);
//布尔型
let flag: boolean;
flag = true;
flag = false;//字符串型
let beauty: string;
beauty = "盗梦空间";
let dream = `我最喜欢的影片是${beauty}`
console.log(dream);

ts数组形式

export default{}//数组的基本使用
//方法一
let beautyArr:string[];
beautyArr=["斯皮尔伯格","诺兰","昆汀"]
console.log(beautyArr);//方法二
let numArr:Array<number>;
numArr=[1,2,3,4]//方法三  联合类型
let myBeauty:(number|string|boolean)[];
myBeauty=["斯皮尔伯格","诺兰","昆汀",20]
myBeauty=["斯皮尔伯格","诺兰","昆汀",20,true]//方法四  任意类型
let test:any[]
test=["斯皮尔伯格","诺兰","昆汀",20,true]

元组类型

export default{}let tup1:[string,boolean,number]
tup1=["昆汀",false,30]
//tup1=[30,"昆汀",false] 报错 按顺序来
//tup1=["昆汀",false,30,90] 报错  超出
console.log(tup1);

 其他类型

export default{}
// any类型
// any表示任意类型,当我们不清楚某个值的具体类型的时候我们就可以使用any在Ts中任何数据类型的值都可以负责给any类型// 使用场景一
// 变量的值会动态改变时,比如来自用户的输入,任意值类型可以让这些变量跳过编译阶段的类型检查
let temp:any;
temp="王祖贤"
temp=18
temp=true//使用场景二
//改写现有代码时,任意值允许在编译时可选择地包含或移除类型检查let x:any=4;
x.fn()
console.log(x.toFixed());//使用场景三
//定义存储各种类型数据的数组时
let arr :any[]=["刘亦菲",18,true];
console.log(arr[0]);// void类型
//某种程度上来说,void类型像是与any类型相反,它表示没有任何类型。
//当一个函数没有返回值时,你通常会见到其返回值类型是void
//在TS中只有null和undefined可以赋值给void类型function test():void{console.log("笑着说爱让人疯狂,哭着说爱让人紧张");console.log("忘不了那个人就投降");
}
test()let test1:void;
// test1="林俊杰"
// test1=18
// test1=true// test1=null
test1=undefined

 undefined和null类型

export default{}
// TypeScript里,undefined和null两者各自有自己的类型分别叫做undefined和null.
//和void相似,它们的本身的类型用处不是很大
let x:undefined=undefined
let y:null=null;let money:number=100;
// money=null;
// money=undefined;

 never,obj

export default{}//Never类型
// never类型表示的是那些永不存在的值的类型
//例如: never类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型//变量也可能是 never类型,当它们被永不为真的类型保护所约束时。
//返回never的函数必须存在无法达到的终点// function error(message:string):never{
//     throw new Error(message)
// }
// error("出错了~")// //推断的返回值类型为never
// function fail(){
//     return error("GG了~")
// }// //返回never的函数必须存在无法到达的点
// function loop():never{
//     while(true){//     }
// }// Object类型
//表示一个对象
//定义了一个只能保存对象的变量let goddess:object;
goddess={name:"关之琳",age:20
}
console.log(goddess);

枚举

export default{}// enum Sex{
//     Male,
//     Female
// }
// let sex:Sex;
// sex=Sex.Male;
// // sex=Sex.Female
// console.log(sex);// enum Sex{
//     Male=1,
//     Female
// }
// console.log(Sex.Male);//1
// console.log(Sex.Female);//2// enum Sex{
//     Male=1,
//     Female=5
// }
// //注意点:如果手动指定了后面枚举值的取值,那么前面枚举值的取值不会受到影响
// console.log(Sex.Male);//0
// console.log(Sex.Female);//5// enum Sex{
//     Male=100,
//     Female=200
// }
// console.log(Sex.Male);//100
// console.log(Sex.Female);//200// enum Sex{
//     Male,
//     Female
// }
// console.log(Sex.Male);//0
// console.log(Sex[0]);//Male// const getNum=()=>200// let sex:Sex;
// sex=Sex.Female;
// sex=100;
// sex=getNum();// //字符串枚举
// enum Direction{
//     Up="Up",
//     Down="Down"
// }
// console.log(Direction.Up);
// console.log(Direction.Down);
// console.log(Direction[0]); //undefined
// console.log(Direction["Up"]);// let x:Direction;
// x=Direction.Down;
// x="左"// const getDirection=()=>"右";
// x=getDirection()enum Sex{Male=1,Female="女"
}
console.log(Sex.Male);//1
console.log(Sex.Female);//女
console.log(Sex[1]);//Male
// console.log(Sex["女"]);//undefined

bight类型:表示非常大的数
 symbo1类型:表示全局唯一引用 

export default{}// bight类型:表示非常大的数// symbo1类型:表示全局唯一引用// ES2020可用const Hundred1: bigint = BigInt(100)const Hundred2 : bigint = 100nlet firstName = Symbol("name")let secondName = Symbol("name")if (firstName === secondName) {console.log("我们一样")}else{console.log("我们不一样");}

变量 

export default{}//数组解构
// let goddess=["王祖贤","关之琳"];
// let [firstName,secondName]=goddess;
// console.log(firstName);
// console.log(secondName);// let goddess=["王祖贤","关之琳","张曼玉","利智"];
// let[third,...rest]=goddess;
// console.log(third);
// console.log(rest);// let goddess=["王祖贤","关之琳","张曼玉","利智"];
// let [,forth,,fifth]=goddess;
// console.log(forth);
// console.log(fifth);//对象解构
let beauty={uname : "杨超越",age: 20,sex: "女",
}
let {uname,age,sex} = beauty;
console.log(uname);
console.log(age);
console.log(sex);

 类型断言

export default{}// let str:any ="世界上最遥远的距离就是,你是if而我是else,似乎一直相伴但又永远相离";
// //方式一
// let len=(<string>str).length 
// //方式二
// let num=(str as string).length// console.log(len);
// console.log(num);function typeAs(x:number|string){let len=(<string>x).length //let len=(x as string)console.log(len)}
typeAs("世界上最遥远的距离就是,你是if而我是else,似乎一直相伴但又永远相离")

 别名

export default{}// type beautys="斗战胜佛"|"齐天大圣"|"弼马温"|"孙行者"// let one:beautys;
// // one=1;
// // one=true;
// // one="大师兄"
// one="斗战胜佛"//第二种 定义别名
type myfun = (a:number,b:number) =>number;
//声明具体函数
let fun:myfun = (a:number,b:number) =>a + b;
let result=fun(10,20);
console.log(result);type myGoddass={name: string,age: number,sex:boolean
}
let yifi:myGoddass={name: "刘亦菲",age:18,//sex:"男"//报错,不符合定义的类型sex:true
}
console.log(yifi);

 


http://www.ppmy.cn/news/142845.html

相关文章

【TypeScript】Ts基本概念

TypeScript基本概念 TypeScript 是什么&#xff1f; 目标&#xff1a;能够说出什么是typescript 内容&#xff1a; TS 官方文档TS 中文参考 - 不再维护 TypeScript 简称&#xff1a;TS&#xff0c;是 JavaScript 的超集&#xff0c;简单来说就是&#xff1a;JS 有的 TS 都有…

typescript(ts)基础

基本类型 const a: string boo // 不写string ts解析器会做类型推论 const b: number 123 // 可 NaN Infinity 也支持16/2/8进制 const c: boolean true // 类型声明/类型注解1 << 1 位运算有啥用?? 1 << 2 & | ! 是啥? 怎么来的? 为什么用ts(优点) …

什么是ts(typeScript)

ts:官网地址&#xff1a;https://www.tslang.cn/ 首先通过 npm 全局安装 TypeScript&#xff1a;npm i -g typescript 全局 安装 ts命令&#xff1a; npm install -g typescript 使用 tsc -v 检测是否安装成功 创建ts项目过程&#xff1a; 1.新建一个ts文件 2.在控制终端…

ICM TSCC视频格式的播放

最近从网上下载了些教学视频&#xff0c;文件后缀为.avi&#xff0c;但我将常见的AVI解码软件都装上了&#xff0c;还是无法观看视频&#xff1a;视频无法得到解码。 用realone播放提示&#xff0c;找不到支持icm tscc格式的解码器。 网上搜索了一遍&#xff0c;有人提到装一个…

ts基础应用

目录 一 认识ts 二 ts优势 三 初始化安装 四 数据类型 静态类型 基本类型与对象类型 函数相关类型 五 类型注解与类型推断 六 基本语法练习 坑一: 类型为 any 所以只能这在一样 坑二 &#xff1a;其他的case 一 认识ts ts 是一个js 的超级集群&#xff1b;他不会被…

8.TypeScript入门之TS类型声明文件

~~ ~~ 上一章节&#xff1a;7.TypeScript入门之TS高级类型&#xff08;索引签名类型和映射类型&#xff09; Ⅴ.TypeScript 类型声明文件 概述 今天几乎所有的 JavaScript 应用都会引入许多第三方库来完成任务需求。 这些第三方库不管是否是用 TS 编写的&#xff0c;最终都…

【科普】TS文件格式:什么是TS?如何打开,编辑和转换它?

概要 对于TS文件&#xff0c;相信很多人都对它很陌生&#xff0c;它并不像MP4格式那么流行。为了让大家进一步了解TS文件&#xff0c;本文将围绕TS文件格式&#xff0c;详细介绍它的来源、适用范围、打开方式以及如何编辑转换等。什么是TS文件格式 TS&#xff08;Transport St…

TS科普 1 简介

TS科普 1 TS是日本高清摄像机拍摄下进行的封装格式&#xff0c;全称为MPEG2-TS。TS即"Transport Stream"的缩写。它是分包发送的&#xff0c;每一个包长为188字节。包的结构为&#xff0c;包头为4个字节&#xff0c;负载为184个字节。在TS流里可以填入很多类型的数…