TypeScript的深入(37)
接口(interface)
概念:是对值所具有的结构进行类型检查。
作用:为这些类型命名和为你的代码或第三方代码定义契约。
我们用interface定义一个接口:
interface Person{
name: string;
}
function Say(person: Person) :void {
console.log(person.name);
}
let myObj = {name: "zhangsan"};
Say(myObj);
在这里,我们定义了name的值必须为字符串类型,所以在myObj中,name的值必须为字符串。这里也就是我们所说的契约。
类(class)
类是对象在编程中的模拟,是一个抽象的概念,是同一类事物的属性和方法的集合;在ts中,使用关键字class定义一个类,类是面向对象程序设计,实现信息的封装。
class Person{
name: string;
constructor(name: string) {
this.name= name;
}
Speak() :string {
alert("Hello, " + this.name);
}
}
let ps= new Person("world");
ps.Speak() // 通过实例化后的对象调用类里的方法
我们用关键字class定义了一个类,类里可以有属性(name)和方法(Speak),要想使用this的方式就要把类实例化,new 的方式去实例化。
继承(extends)
使用extends实现子类可以拥有父类的所有属性和方法。
class Animal {
move(distanceI: number = 0) {
console.log(`Animal moved ${distance}m.`);
}
}
class Dog extends Animal {
bark() {
console.log('Woof! Woof!');
}
}
const dog = new Dog();
dog.bark();
dog.move(10);
dog.bark();
这里,Animal为基类,又称为父类或超类,而Dog称为派生类,又称为子类,Dog去继承了Animal的属性和方法。
所以,这里dog.的方式才能够调用Animal中的move方法。
更复杂的例子:
class Animal {
name: string;
constructor(theName: string) { this.name = theName; }
move(distanceInMeters: number = 0) {
console.log(`${this.name} moved ${distanceInMeters}m.`);
}
}
class Snake extends Animal {
constructor(name: string) { super(name); }
move(distanceInMeters = 5) {
console.log("Slithering...");
super.move(distanceInMeters);
}
}
class Horse extends Animal {
constructor(name: string) { super(name); }
move(distanceInMeters = 45) {
console.log("Galloping...");
super.move(distanceInMeters);
}
}
let sam = new Snake("Sammy the Python");
let tom: Animal = new Horse("Tommy the Palomino");
sam.move();
tom.move(34);
派生类包含了一个构造函数,它 必须调用 super(),它会执行基类的构造函数。 而且,在构造函数里访问 this的属性之前,我们 一定要调用 super()。 这个是TypeScript强制执行的一条重要规则。
泛型
概念:可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据。
作用:泛型就是解决 类 接口 方法的复用性 以及对不特定数据类型的支持。
构造函数
概念:是每个类实例化对象时new指令直接调用的方法
作用:typescript 中通过构造函数的参数直接定义属性。创建对象,初始化数据。
构造函数 ,是一种特殊的方法。主要用来在创建对象时初始化对象, 即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中。而TypeScript的构造函数用关键字constructor来实现。可以通过this(和java/C#一样代表对象实例的成员访问)关键字来访问当前类体中的属性和方法。
TypeScript中实例化是什么?
一般情况下,创建一个类后并不能直接的对属性和方法进行引用,必须对类进行实例化,即创建一个对象。TypeScript中用new 关键字创建对象。实例化后通过“.”来访问属性和方法。
上一篇: TypeScript深入 - 类
下一篇: TypeScript深入