欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

TypeScript的深入(37)

程序员文章站 2024-02-19 18:07:46
...

接口(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