由20年经验的高级程序员呕心沥血总结的typescript内容,让你10分钟认识typescript。

TypeScript 是一种由微软推出的静态类型编程语言,它扩展了JavaScript的功能,提供强类型、遵循ES6规范,并支持静态检查和代码重构。在编译时,TS转换为纯JavaScript,可在任何支持ECMAScript3及以上的环境中运行。本文介绍了如何定义字符串、数字和布尔值等基本类型,以及如何使用函数、接口和Vue中的setup方法。通过示例展示了如何利用defineProps获取props。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

TS介绍:

始于JavaScript,归于JavaScript

TypeScript可以编译出纯净、 简洁的JavaScript代码,并且可以运行在任何浏览器上、Node.js环境中和任何支持ECMAScript 3(或更高版本)的JavaScript引擎中。

强大的工具构建 大型应用程序

类型允许JavaScript开发者在开发JavaScript应用程序时使用高效的开发工具和常用操作比如静态检查和代码重构。

ts是由微软推出的

运行的时候,ts 编译成javascript,它是静态类型的语言具有:强类型,遵循ES6,编译器严谨的语法检查

定义变量:

字符串:

1.const str = ref<string>("abc")

2.const str = ref("abc")
根据值类型自动判断改类型变量是什么

数字:

const count = ref<number>(10)
const count = ref(10)

 布尔值:

const flag = ref<boolen>(true)
const flag = ref(true)

函数 :

function add(n1:string,n2:number):void{
}

接口 :

1.定义接口
interface Iuser = {
name:string,
age:number|string
}

 

2.const user = reactive<Iuser>({
    name:"mumu",
   age:18
})

 在setup中获取props:

1.import{defineProps} from 'vue'

 

2.intervace Iprops = {min:number,max:number}

 

3.const props =defineProps<Iprops>()

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值