Typescript学习总结

1.运行环境 + 安装

需要使用到 npm 工具安装

// 如果你的本地环境已经安装了 npm 工具，可以使用以下命令来安装：
npm install -g typescript

2.指定数据类型

(1) 定义变量

let name:string = 'zhangsan'
var nameStrArr:string[] = ['Tom', 'Lisa']
var nameNumArr:number[] = [1, 3, 3, 6]
var nameDouble:string | number = 'zhangsan' // 联合类型
var nameDouble:string | number = 12 // 联合类型
console.log(nameStrArr)
console.log(nameNumArr)

(2)定义函数参数

function addSum(a:number, b:number) {
	return a + b
}

(3)指定函数返回值

// 函数定义
function greet():string { // 返回一个字符串
    return "Hello World" 
} 
function caller() { 
    var msg = greet() // 调用 greet() 函数 
    console.log(msg) 
} 
// 调用函数
caller()

3. 类（class）

(1)定义：类描述了所创建的对象共同的属性和方法。TypeScript 支持面向对象的所有特性，比如 类、接口等。
(2)定义类的关键字为 class，后面紧跟类名，类可以包含以下几个模块（类的数据成员）：
字段 − 字段是类里面声明的变量。字段表示对象的有关数据。
构造函数 − 类实例化时调用，可以为类的对象分配内存。
方法 − 方法为对象要执行的操作
(3)实例：

class Car {
  // 字段
  engine:string
  // 构造函数
  constructor(engine:string) {
    this.engine = engine
  }
  // 方法
  disp():void {
    console.log('发动机型号：' + this.engine)
  }
}

// 创建一个对象
var obj = new Car('XXXSS1')
// 访问字段和方法
console.log(`发动机型号：${obj.engine}`)
obj.disp()

(4)类的继承
TypeScript 支持继承类，即我们可以在创建类的时候继承一个已存在的类，这个已存在的类称为父类，继承它的类称为子类。
类继承使用关键字 extends，子类除了不能继承父类的私有成员(方法和属性)和构造函数，其他的都可以继承。TypeScript 一次只能继承一个类，不支持继承多个类，但 TypeScript 支持多重继承（A 继承 B，B 继承 C）

class Root {
  str: string
}
class A extends Root {}
class B extends A {} // 多重继承，继承了 A 和 Root 类

var objB = new B()
objB.str = 'Hello World'
console.log(objB.str)

(5)继承类的方法重写
类继承后，子类可以对父类的方法重新定义，这个过程称之为方法的重写。
其中 super 关键字是对父类的直接引用，该关键字可以引用父类的属性和方法。

class ParentClass {
  doSomeThing():void {
    console.log('It is Parent')
  }
}

class ChildClass extends ParentClass {
  doSomeThing():void {
    super.doSomeThing() // 调用父类的方法
    console.log('It is Child')
  }
}

var objC = new ChildClass()
objC.doSomeThing()

4. 接口（interface ）

(1) 定义：接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法。
(2)实例：

interface Cars {
  wheelNum: number,
  engineBrand: string,
  run: () => string
}

var VW:Cars = {
  wheelNum: 4,
  engineBrand: 'EA211发动机',
  run: ():string => {return '大众run'}
}

console.log(VW.wheelNum)
console.log(VW.run())

(3)接口继承
接口继承就是说接口可以通过其他接口来扩展自己。Typescript 允许接口继承多个接口。继承使用关键字 extends。

// 多继承
interface Super1 {
  age:number
}

interface Super2 {
  name: string
}

interface Child extends Super1, Super2 {}

// 实现
var Iobject:Child = {
  age: 30,
  name: 'zhangsan'
}
console.log(`age:${Iobject.age}; name:${Iobject.name}`)

4.类和接口

类可以实现接口，使用关键字 implements，并将 interest 字段作为类的属性使用。

interface Itest {
  interest:number // 利润
}

class AgTest implements Itest {
  interest: number
  rebate: number // 抽成

  constructor(interest:number, rebate:number) {
    this.interest = interest
    this.rebate = rebate
  }
}

var objR = new AgTest(100, 10)
console.log(`利润：${objR.interest}, 抽成：${objR.rebate}`)