重拾TypeScript-08 Interface接口

最新推荐文章于 2021-06-04 16:29:43 发布
最新推荐文章于 2021-06-04 16:29:43 发布
阅读量86 收藏
点赞数
分类专栏： TypeScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37995109/article/details/109751525
版权

interface Girl{

name:string;

age:number;

bust:number;

// 可有可无

waistline?:number;

}

const girl={

name:'大脚',

age:18,

bust:94,

waistline:24

}

 

const screenResume =(girl:Girl)=>{

girl.age < 24 && girl.bust >=90 && console.log(girl.name+'进入面试');

girl.age >= 24 || girl.bust <90 && console.log(girl.name+'你被淘汰');

}


 

// const screenResume =(name:string,age:number,bust:number)=>{

// age < 24 && bust >=90 && console.log(name+'进入面试');

// age >= 24 || bust <90 && console.log(name+'你被淘汰');

// }

 

const getResume = (girl:Girl)=>{

console.log(girl.name+'年龄是'+girl.age);

console.log(girl.name+'胸围是'+girl.bust);

girl.waistline && console.log(girl.name+'腰围是'+girl.waistline);

}

 

screenResume(girl);

getResume(girl);

Lvdon9
关注
专栏目录
swagger-typescript-api：通过Swagger方案的TypeScript API生成器
01-30
Usage: swagger-typescript-api [options] Options: -v, --version output the current version -p, --path <path> path/url to swagger scheme -o, --output <output> output path of typescript api file (...
swagger-typescript-api 生成接口模板
最新发布
12-18
Swagger TypeScript API 是一个工具，它帮助开发者从 Swagger 规范（OpenAPI 规范）自动生成 TypeScript 代码，用于客户端接口调用。这个工具的主要目的是提高开发效率，减少手动编写接口定义的时间，确保代码与 API...
typescript-json-schema:从您的Typescript来源生成json模式
04-28
typescript-json-schema 从您的Typescript来源生成json-schemas。 特征 编译您的Typescript程序以获取完整的类型信息。 将所需的属性，扩展，注释关键字，属性初始化程序转换为默认值。 您可以在或找到这些功能的...
openapi-typescript-code-generator:通过OpenAPI方案的TypeScript代码生成器
04-04
@ himenon / openapi-typescript-code-generator该软件包根据OpenAPI v3系列API规范生成TypeScript typedef和API客户端。 它使用TypeScript AST生成代码，并将其完全转换为TypeScript代码。 它不仅将allOf和oneOf...
vue-typescript-admin-mock-server:for vue-typecript-admin-template项目的模拟服务器
04-29
info: { name: 'Mock API', description: 'Mock API for vue-typescript-admin-template.', version: '1.0.0'},paths: { get: [ '/mock-api/v1/articles', '/mock-api/v1/articles/:id', '/mock-api/
2.ts 数组Array 和 Tuple
从盲流子到程序员
06-02 1390
/最简单的方法是使用「类型 + 方括号」来表示数组： let arrOfNumbers: number[] = [1, 2, 3, 4] //数组的项中不允许出现其他的类型： //数组的一些方法的参数也会根据数组在定义时约定的类型进行限制： arrOfNumbers.push(3) arrOfNumbers.push('abc') // 元祖的表示和数组非常类似，只不过它将类型写在了里面 这就对每一项起到了限定的作用 //此为元祖类型 let user: [string, number] = ['vik.
5.ts Class 类 封装继承多态
从盲流子到程序员
06-02 874
面向对象编程的三大特点 封装（Encapsulation）：将对数据的操作细节隐藏起来，只暴露对外的接口。外界调用端不需要（也不可能）知道细节，就能通过对外提供的接口来访问该对象， 继承（Inheritance）：子类继承父类，子类除了拥有父类的所有特性外，还有一些更具体的特性。 多态（Polymorphism）：由继承而产生了相关的不同的类，对同一个方法可以有不同的响应。 class Animal { name: string; constructor(name: string) {
6.ts 抽象类
从盲流子到程序员
06-03 595
//定义一个接口 interface Radio { switchRadio(trigger: boolean): void; } //继承这个接口 可以重写属性和方法 class Car implements Radio { switchRadio(trigger) { return 123 } } //继承第二个方法 class Cellphone implements Radio { switchRadio() { } } //只读，不能修改 interface Ba.
8.ts 泛型的使用2
从盲流子到程序员
06-04 312
//没有定义类型，程序不会报错 class Quer{ private data=[]; push(item){ return this.data.push(item); } pop():T{ return this.data.shift(); } } const queue = new Query() queue.push(1) queue.push('str') console.log(queue.pop().toFixed()) //str为字符串， 不具备t.
重拾TypeScript-05函数的参数类型定义和返回值的定义
从盲流子到程序员
11-17 309
// function getTotal(one: number, two: number) { // return one + two +''; // } // 没有报错， 但是已经转换为string类型了 // const total1 = getTotal(1, 2); //函数的返回类型注解 强制定义number // function getTotal(one: number, two: number): number { // return one + two +...
重拾TypeScript-13 类Getter , stter和static
从盲流子到程序员
11-22 295
classXiaojiejie1{ //内部使用,_,只能内部调用,受保护的 constructor(private_age:Number){} getage(){ returnthis._age-10 } setage(age:number){ this._age=age+3//上面减了十岁,这里加了三岁 } } c...
重拾TypeScript-10 类的访问类型 private  protected  public   类的三种访问类型
从盲流子到程序员
11-22 276
//privateprotectedpublic类的三种访问类型 //类的内部和类的外部 //不写访问类型,默认public //public=公用的随便调用,内部外部都可调用 classPerson{ name:string; //类的内部类型 publicsayHello(){ console.log(this.name+'sayhello'); } //私有的,只能内部使...
9.ts 类型别名， 字面量， 交叉类型
从盲流子到程序员
06-04 263
//类型别名 let sum:(x:number,y:number)=>number const result = sum(1,2) //类型别名 关键字 type type PlusType = (x:number,y:number)=>number let sum2 : PlusType const result2 = sum2(2,3) //联合类型 type StrOrNumber = string | number let result3 : StrOrNumber resu.
重拾TypeScript-12 类的构造函数
从盲流子到程序员
11-22 198
//构造函数 classPerson{ constructor(publicname:string){} } //继承 classteacherextendsPerson{ constructor(publicage:number){ super('jspang') } } constteacher1=newteacher(18); console.log(teacher1.name); cons...
1.ts原始数据类型
从盲流子到程序员
06-02 177
1.安装 npm install -g typescript 2.查看是否安装成功 // 查看 tsc 版本 tsc -v // 编译 ts 文件 tsc fileName.ts 3. Javascript 类型分类： 原始数据类型 - primitive values： Boolean Null Undefined Number BigInt String Symbol let isDone: boolean = false // 接下来来到 number，注意 es6
重拾TypeScript-21 类中使用泛型
从盲流子到程序员
11-22 157
//继承泛型 interfaceGirl{ name:string } classSelectGirl<TextendsGirl>{ constructor(privategirls:T[]){} //定义的接口是name是string类型,必须要求name属性 getGirl(index:number):string{ //想要名字和下标 returnthis.girls[index].nam...
重拾TypeScript-04//类型注解//类型推断
从盲流子到程序员
11-17 146
//类型注解 let count2 :number ; count = 123; let countInference = 123; //类型推断。 // const one =1; // const two =2; // const three = one + two; //不确定类型 如果出现any 就需要类型注释 function getTotal(one : number,two:number){ return one + two; } //total 根据one..
重拾TypeScript-09 Interface接口下
从盲流子到程序员
11-22 139
interfaceGirl{ name:string; age:number; bust:number; //可有可无 waistline?:number; //名称为string类型,值随便 [propname:string]:any; //定义say方法,必须返回是string say():String } constgirl={ name:'大脚...
重拾TypeScript-18 联合类型和类型保护
从盲流子到程序员
11-22 129
interfaceWaiter{ anjiao:boolean; say:()=>{} } interfaceTeacher{ anjiao:boolean; skill:()=>{}; } //只要参数有或者两种以上,就叫做联合类型 functionjudgeWho(animal:Waiter|Teacher){ //他不知道这个方法是在Waiter里还是Teacher //animal.say() ...
vue-typescript-import-dts
08-08
vue-typescript-import-dts 是一个用于为 Vue.js 项目中的 TypeScript 文件生成类型声明文件的工具。在 Vue.js 项目中使用 TypeScript 进行开发时，我们经常需要为一些第三方库或自定义组件编写类型声明文件，以提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值