简介:
TypeScript是一门编译型语言,强类型的语言,面向的语言,TypeScript是比javascript更java的script,是JavaScript的超集,它增加了类型规则,让代码的可读性和可维护性大大的提高,TypeScript遵循es6规范,它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器,任意环境,任意系统并且是开源的。
1. 安装
如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装:
npm install -g typescript
创建一个.ts文件,通过命令tsc 文件名.ts
将ts文件编译成js文件来运行(可以同时编译多个 .ts
文件),在与.ts同目录下就会生成一个js文件,可以通过命令$ node 文件名.js
执行代码,或者通过HTML页面引用以执行
2. 基础语法
2.1.基本数据类型以及一些其他关键字
关键字 | 类型 | 对比Java | 实例 |
---|---|---|---|
any | 任意类型 | Object | |
number | 数字类型 | 整数型+浮点型 都用这一个 | let obj:any:="xxx" |
string | 布尔类型 | String | let name: string = "aaa"; let words: string = `我是 ${ name } ``(用于拼接字符串) |
boolean | 布尔类型 | boolean | let flag: boolean = true; |
any[] / Array<any> |
数组类型(未知长度) | new List<Object> |
let arr: number[] = [1, 2];let arr: Array<number> = [1, 2]; |
let x: [string, number] |
元组(已知长度) | new List(4); |
let x: [string, number]; x = [‘Runoob’, 1]; //运行正常;x = [1, 'Runoob'];//报错 这个必须对号入座 |
let x:any|any|... |
联合类型 | new Object(); |
let a:string|number|boolean=xxx |
enum | 枚举 | enum | enum Color {Red, Green, Blue};let c: Color = Color.Blue;console.log( c ) // 输出 2 |
void | 函数无返回值类型 | void | function hello(): void { alert(“Hello Runoob”);} |
null、undefined | 空值,未定义 | null | |
never | 其它类型(包括 null 和 undefined)的子类型 | 代表从不会出现的值 |
2.2. 面向对象
2.2.1. 类
类的定义:
class Obj{
field1:"aaa";
field1:"bbb";
run():void {
console.log("run method")
}
// 构造函数
constructor(engine:string) {
this.engine = engine
}
}
var obj = new Obj();
obj.run();
这段代码编译成*原生js*代码,就是:
var Obj= /** @class */ (function () {