typeScript学习-定义、环境搭建
typeScript学习
定义:
融合了后端面向对象思想的超级版的 javaScript 语言。
环境搭建:
// 创建一个 package.json 文件 // -y/--yes 完全跳过问卷 npn init -y // typescript 全局安装 // 创建一个 tsconfig.json 文件 npm install typescript -g tsc --init // typescript 当前项目安装 // 创建一个 tsconfig.json 文件 npm install typescript -D npx tsc --init
let str:string = "abc" // str 为全局变量 // ts 文件中变量为当前文件变量,需添加下面代码 export {}
优势:
优势1:编译时静态类型检查:
函数或方法传参或变量赋值不匹配时,会出现编译错误提示,规避了开发期间的大量低级错误,省时,省力。
优势2:自动提示更清晰明确。
优势3:引入了泛型和一系列的 TS 特有的类型。
优势4:强大的 d.ts 声明文件:
声明文件就像一本书的目录一样,清晰直观展示了依赖库文件的接口,type类型,类,函数,变量等声明。
优势5:轻松编译成 JS 文件:
即使 TS 文件有错误,绝大多数情况也能编译出 JS 文件。
优势6:灵活性高:
尽管 TS 是一门强类型检查语言,但也提供了 any 类型和 as any 断言,这提供了 TS 的灵活度。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端