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 关键字创建对象。实例化后通过“.”来访问属性和方法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值