TS - interface和type的区别

本文介绍了TypeScript中的关键概念,如如何定义变量和对象类型,接口的使用(包括继承和接口方法),以及可索引类型。重点提到了typescriptlang.org这个在线编辑器,它提供了丰富的功能来实践和学习TypeScript。
摘要由CSDN通过智能技术生成

                     1. type 可以定义变量/对象 需要写 等号  

                                type numType = num:number

                                 let num:numType = 123

                                type numType2 = {  name:string , sex:string , classname:string   }

                                let obj : numType2  = { name:' 123 ' , sex:' 男 ' classname: ' 2210A ' }

                      interface 可以只能定义对象 不用写 等号 

                                interface InterType = { name:string, age:number }

                                let obj:InterType = { name:' 123 ', age:18 }

                                

                 2. interface可以写重复别名且会自动继承上一级 type不能写重复别名

                              

                 3.interface通过 extends实现继承     type通过 &交叉实现继承 并且 type和interface并不独立 可以

                type继承interface  interface继承type  但是必须都是对象 如果type是属性 而interface是对象 则不能继承

                

     4. interface的implements 可以实现接口的方法继承 并且可以同时继承多个

 在继承时 书写相同的变量 类型必须一致

  可索引类型:格式为 【index:number 或者 string 这两种】:(返回值) 

TypeScript: 演练场 - 一个用于 TypeScript 和 JavaScript 的在线编辑器 (typescriptlang.org)

这个地址是ts的演练场可以在这个里面去测试ts代码 支持切换版本 支持配置 支持转成js 支持打印 支持编译时决策 ( 在输写代码时就会自动报错 而不是等到运行才会显示报错 )

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值