TypeScript入门

89 阅读2分钟

TypeScript和JavaScript的区别

JavaScript:

  • JavaScript易学易用,但容易有安全隐患,不易维护,不适合开发大型项目。(面向对象,原型,构造函数)
  • 1、变量无类型(动态类型,可以覆值任意类型)容易造成运算错误 ,js代码不报错
  • 2、函数参数无类型(动态类型)

TypeScript:

  • TypeScript是JavaScript的超集(扩展),以JavaScript为基础构建的语言
  • !!!引入类型概念。动态类型变为静态类型 !!!
  • 可以在任何支持JavaScript的平台中执行。
  • ts不能被js解析器直接执行(.ts文件不能直接执行,会编译成.js文件执行。)!!!(比如less/sass最终会被编译为css执行)

Ts增加了什么?

  • 类型(保证原有类型的基本上所增加)
  • 支持ES的新特性
  • 添加ES不具备的新特性(接口......)
  • 丰富的配置选项
  • 开发工具

Ts开发环境搭建

  • 下载node.js  (LTS长期维护版,current当前最新版)
  • 安装node.js  (next)路径里不能有特殊符号,尽量英文  命令窗口node -v检查node是否安装成功(npm是node的包管理器)
  • 使用npm 全局安装typescript  npm i -g typescript
  • (tsc检查是否安装成功)
  • 创建ts文件
  • 使用tsc 文件名 来编译ts文件转为js文件

TS基本语法

  • 声明一个变量,同时指定这个变量的类型,当类型被指定,后续只能是该类型。赋值别的类型会报错。
  • 如果变量的声明和赋值是同时进行的,ts可以自动对变量进行类型检测。
  • 函数的参数也可以进行类型声明。函数返回值类型声明在()后:类型 来声明
  • Let 变量: 类型
  • Let 变量: 类型 = 值
  • Function 函数名(参数1:类型,参数2:类型):类型(返回值的类型){ return }
  • 基本类型 string number boolean