【TypeScript学习】—基本类型(二)

简介: 【TypeScript学习】—基本类型(二)

一、TypeScript基本类型

//也可以直接用字面量进行类型声明
let a:10;
a=10;
//也可以使用 |来连接多个类型(联合类型)
let b:"male"|"female";
b="male";
b="female";
let c:boolean|string;
c=true;
c='hello';
//any表示的是任意类型 一个变量设置的类型为any相当于对该变量关闭了检测
//使用TS时 不建议使用any类型
//声明变量如果不指定类型,则TS解析器会自动判断变量的类型
//let d;
let d:any;
d:true;
d:'hello';
d:10;
//unknown  表示未知类型
//unknown类型的变量,不能直接赋值给其他变量
let e:unknown;
e:10;
e:true;
e:'hello';
let s:string;
//类型断言:可以用来告诉浏览器变量的实际类型
// 语法:变量 as 类型  或者:<类型>变量
e:'hello';
 s=e as string;
 s=<string>e;
 //void  用来表示空,以函数为例 表示没有返回值的函数
 function fn():void{
 }
 //never  表示永远不会返回结果
 function fn2():never{
    throw new Error('报错了');
 }
//object表示一个对象
let g:object;
g={};
g=function(){};
//{}用来指定对象中可以包含哪些属性
 //语法:{属性:属性值,属性:属性值}
 //在属性名后面加?表示属性是可选的
 let f:{name:string,age?:number};
 f={name:'张三',age:20};
 //[propName:string]:any 表示任意类型的属性
 let x:{name:string,[propName:string]:any};
 x={name:'张三',age:33,gender:'男生'};
//  设置函数结构的声明类型
//语法:(形参:类型,形参:类型……)=>返回值
let z:(aa:number,b:number)=>number;
z=function(n1,n2):number{
    return n1+n2;
}
//string[] 表示字符串数组
let ee:string[];
ee=['a','b','c'];
//数组类型声明:类型[] 或者 Array<类型>
//number[]表示数值类型的数组
let ff:number[];
let gg:Array<number>;
gg=[1,2,3,4]
//元组:元组就是固定长度的数组
let h:[string,string];
h=['hello','abc'];
//enum 枚举
enum Gender{
    Male=0,
    Female =1
}
let i:{name:string,gender:Gender};
i={
    name:'张三',
    gender:Gender.Female
}
console.log(i.gender===Gender.Male)
//&表示同时
let jj:{name:string}&{age:number};
 jj={name:'cc',age:18}
//类的别名 
type myType=1|2|3|4;
let k:myType;
let l:myType;
k=2;


相关文章
|
6月前
|
JavaScript 前端开发 编译器
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
125 0
|
6月前
|
编解码 JavaScript 前端开发
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
317 0
|
1月前
|
JavaScript 前端开发 开发者
TypeScript :基本配置&数据的基本类型
本文介绍了TypeScript的安装、常见问题及解决方案、配置与使用方法。包括通过npm全局安装TypeScript、设置PowerShell执行策略、初始化项目、配置模块声明、处理数据类型等。详细步骤和代码示例帮助开发者快速上手。
|
6月前
|
JavaScript
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
64 0
|
2月前
|
JavaScript
typeScript基础(1)_原始数据类型学习
本文介绍了TypeScript中的原始数据类型,包括布尔型、数值型、字符串型、`void`、`null`和`undefined`,并展示了如何在TypeScript中声明和使用这些类型。同时,还介绍了如何通过`tsc`命令编译TypeScript文件。
48 4
|
1月前
|
JavaScript 索引
TypeScript(TS)安装指南与基础教程学习全攻略(二)
TypeScript(TS)安装指南与基础教程学习全攻略(二)
51 0
|
1月前
|
JavaScript 前端开发 安全
TypeScript(TS)安装指南与基础教程学习全攻略(一)
TypeScript(TS)安装指南与基础教程学习全攻略(一)
28 0
|
4月前
|
JavaScript 前端开发 安全
如何学习typescript?
【7月更文挑战第9天】1. 了解其为JavaScript超集,增加类型系统和ES6特性,提升代码安全性和效率。 2. 安装 TypeScript 全局 (`npm install -g typescript`),用`tsc -v`验证,或尝试在线的TypeScript Playground。 3. 学习类型注解、基础类型(如number、string、boolean等)、any与unknown,接口和类。 4. 探索高级特性,如泛型、模块&命名空间、装饰器。 5. 实践中巩固知识,如做小项目(如用React或Vue),阅读官方文档,参与社区讨论。持续编码和实践是关键。
34 0
|
4月前
|
JavaScript 前端开发
TypeScript(二)基本类型和特殊类型
TypeScript(二)基本类型和特殊类型
57 0
|
6月前
|
JavaScript 前端开发 编译器
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)(下)
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
57 0
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)(下)