TS基础1（类型定义、接口）-学习笔记

文章目录

TS基础1（类型定义、接口）-学习笔记
- 什么是TS

TS基础1（类型定义、接口）-学习笔记

什么是TS

    //ts用法var n:number = 10;let str:string = '10';let str2:string = 'abc';let str3:string = `hello ${str2}`;let flag:boolean = true;let u:undefined = undefined;let nu:null = null;//类型定义后，不允许类型改变var a:string = '10';// a = 10;  error//任意值(Any) 用来表示允许赋 值为任意类型var a2:any = '10';a2 = 10;a2 = true;//变量如果在声明的时候，未指定其类型，会被识别为任意值var a3;a3 = 'abc';a3 = 10;// 10,  '10'  //联合类型   可以为多种类型中的一种var a4:string | number;a4 = 10;a4 = '10';//注意！！！！ 访问的是联合属性共有的属性中方法function getLength(str:string | number): number{return str.length};getLength(a4)//正确的写法// function getLength2(str:string | number[]): number{//     return str.length// };// getLength2([1,2,3])//数组  有多种定义方式//最简单的方式 类型+方括号 来表示数组var arr:number[] = [1,2,3,9];var arr2:string[] = ['a','b','c'];var arr3:any[] = ['a',2,true,[1,2]];//对象的类型  —— 接口//接口（Interfaces）可以用于对「对象的形状（Shape）」进行描述。//规范//接口首字母大写interface Person {name: string;age: number;};//对象受到接口的约束var tom: Person = {name:'tom',age:20};//定义的变量比接口少了属性是否允许  ——不允许var tom2: Person = {name:'tom'};//定义的变量比接口多了属性是否允许  ——不允许var tom3: Person = {name:'tom',age:20,sex:'男'};//可选属性  希望接口中有可选属性interface Person2 {name: string;age?: number;   //age属性是可选属性}var tom4: Person2 = {name:'tom'};var tom5: Person2 = {name:'tom',age:20};//可选属性只针对于当前设置的属性，仍然不能添加其它属性// var tom6: Person2 = {//     name:'tom',//     age:20,//     sex:'男'// };//任意属性   接口中添加一个任意的属性interface Person3 {name: string; //age?: number;   //age属性是可选属性[propName: string]: any;   //任意属性 }//注意：写入了任意属性[propName: string]  那么确定属性和可选属性必须是它的子属性var tom7: Person3 = {name:'tom',age:20,sex:'男',};//函数类型   输入和输出的约束//函数声明function f1(x: number,y: number): number{   //(x: number,y: number) 输入约束  : number 输出的约束return x+y}f1(1,1);//函数表达式var f2 = function(x: number,y: number): number{return x+y};//能否允许传多、少参数--不允许function f3(x: number,y: number): number{   return x+y}//f3(1,1,5);//f3(1);//参数默认值function f4(x: number= 5,y: number): number{   return x+y};//参数可选 //注意！！！ 可选参数必须接在必需参数后面//换句话说：可选 参数后面不允许再出现必需参数function f5(x: number= 5,y?: number): number{   if(y){return x+y;}else {return x;}};f5(10);//f5(10,10); //OK

补充：

 //类型别名   typetype n = number;function f(i:n): n{return i};let n2: n = 100;//联合类型别名type a = string | number[];var x1:a = [2];var x2:a = '111';//var x3:a = 222;  //error

TS基础1（类型定义、接口）-学习笔记相关推荐

TS基础2（类）-学习笔记
文章目录 TS基础2(类)-学习笔记 class类类的继承修饰符类的类型.实现接口 TS基础2(类)-学习笔记 class类 //类 class//首字母大写//类(Class):定义了一件事物 ...
阿里云Apsara Clouder专项技能认证-实现调用API接口-学习笔记
Apsara Clouder专项技能认证-实现调用API接口-学习笔记阿里云的一个小认证,闲来无事,考一下一.API简介 API的概念 API(Application Programming In ...
ES6基础5（Promise）-学习笔记
文章目录 ES6基础5(Promise)-学习笔记 Promise 三个状态状态转换手写Promise源码同步异步概念 jquery中串行并行 async-await 微任务宏任务 ES6基 ...
ES6基础4（数据结构）-学习笔记
文章目录 ES6基础4(数据结构)-学习笔记 set map symbol ES6基础4(数据结构)-学习笔记 set //set 数据结构类似数组成员信息唯一性var s = new Set() ...
Java自学.接口学习笔记！
接口学习笔记文章目录接口学习笔记 1.接口的概述与生活中的举例 2.接口定义的基本格式 3.接口的抽象方法 3.1接口抽象方法的定义 3.2接口的抽象方法使用 4.接口的默认方式 4.1接口的默认 ...
【vn.py学习笔记（二）】vn.py底层接口学习笔记
[vn.py学习笔记(二)]vn.py底层接口学习笔记 1 CTP API的工作原理 1.1 CTP介绍 1.2 API功能介绍 1.3 CTP API文件 1.4 API 通用规则 2 CTP A ...
ES6基础3（扩展）-学习笔记
文章目录 ES6基础3(扩展)-学习笔记字符串扩展数值扩展函数扩展扩展运算符 ES6基础3(扩展)-学习笔记字符串扩展 //扩展//字符串扩展charAt(); //返回指定索引位置的字符 ...
redis基础命令和数据操作命令学习笔记
redis基础命令和数据操作命令学习笔记基础命令安装成功后,redis的启动命令:先修改配置文件.将服务改成默认运行.然后以配置文件启动服务 redis-server config/redis-c ...
Github与GitKraken的基础使用（一）[学习笔记]
Github与GitKraken的基础使用(一)[学习笔记] Git与Github 使用Github.com 1.仓库(repository) 2.创建一个repo 3.在仓库中添加文件 4. Com ...
SimpleITK图像基础（三）——SimpleITK学习笔记
SimpleITK学习笔记前言 1 sitk中的常见属性值 2 读取和保存图像 3 像素类型 4 SimpleITK图像数据和Numpy矩阵数据之间的转换 5 访问像素和切片 6 图像重采样 7 图 ...

TS基础1（类型定义、接口）-学习笔记

文章目录

TS基础1（类型定义、接口）-学习笔记

什么是TS

TS基础1（类型定义、接口）-学习笔记相关推荐

最新文章

热门文章