了解vue3中typeScript

56 阅读2分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第25天,点击查看活动详情

简介

1.何为ts ? 

  • TS 官方文档
  • TypeScript 是微软开发的开源编程语言, Type + JavaScript(type是类型 => 在 JS 基础之上,为 JS 添加了类型支持
  • 简称:TS,是 JavaScript 的超集

2.类型注释(重点)

作用是: 为变量添加类型约束

语法: ****let 变量: 类型 =  值

eg: let n : number  = 100   (常用类型: number string  boolean null )

      : number 就是类型注释, 规定了什么类型,就要赋予什么类型的值, 否则,会报错

eg: let n : number = '100'   (这个会报错 ,因为规定了这个是数字类型,而赋予字符串的值)

3.类型推论

可以在一些特殊的场合下忽略类型注解,因为 ts 可以推论/猜出来

以下两种情况不用写类型注解

1.定义变量给了初始值

2.明确的函数的返回值

4.为啥会有typeScript?

  • 从编程语言的动静来区分,TypeScript 属于静态类型的编程语言JavaScript 属于动态类型的编程语言
    • 静态类型:编译期做类型检查
    • 动态类型:执行期做类型检查
  • 代码编译和代码执行的顺序:1 编译 2 执行

  • 对于 JS 来说:需要等到代码真正去执行的时候才能发现错误(晚)

  • 对于 TS 来说:在代码编译的时候(代码执行前)就可以发现错误(早)

并且,配合 VSCode 等开发工具,TS 可以提前到在编写代码的同时就发现代码中的错误,减少找 Bug、改 Bug 时间

最主要的原因就是 在vscode里面写代码,在写代码的同时就会早点发现错误并能积极地改正 这样就避免在浏览器中运行代码时才发现报错