TypeScript基础语法

解释

定义类型的javascript

 是javascript的超集

使用

<script lang="ts" setup>

ts的文件后缀名是 .ts

 类型

        值类型

• number
• string
• boolean
• null
• undefined
• void
• any(不要轻易用)

        数组

• const list:Array<string>=["abc"]
• const  arr:number[] = [123]
• const tuple:[string,number] = ["abc",123]

        函数

• function add （x:string,y:string):string{ return x+y}
• const add = (x:number,y:number):number=>x+y

        接口

interface Person {
   name:string,
    age:string | number,
    readonly id:number
    job?: string
}

        | 或者        readonly 只读        ? 可选

interface Student extends Person{
    major:string
}

        内置类型

        日期

var  d:Date  =  new Date()

        正则

var reg:RegExp = /\d10/

        对象

var obj :object = {}

        HTMLbody

var body:HTMLElement = document.body

        节点列表

var list:NodeList = document.querySelectorAll("div")

        鼠标事件类型

document.addEventListener(“click”,(e:MouseEvent)=>{
   conolse.log(e.target)
})