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