🔍 登录 注册

TypeScript学习笔记(一)

大 大苹果 2018-05-23 后端 👁 1831 ⏱ 2min
TypeScript学习笔记(一)

TypeScript

TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。
TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。

安装

# 全局安装typescript
npm install -g typescript

接口声明

// 声明一个接口
export default interface Sociality {
    makeFriend():Boolean
    doGame():void
}

类的声明并导出

// 引入接口
import Sociality from './Sociality';
// 声明一个类,实现Sociality接口
export default class Person implements Sociality {
    // 声明私有变量name,string类型
    private name:string
    // 声明私有变量age,number类型
    private age:number
    // 声明私有变量sex,number类型
    private sex: number
    // 构造函数
    constructor(name:string, age:number, sex:number) {
        this.name = name;
        this.age = age;
        this.sex = sex;
    }
    // 公开的方法声明,返回值string
    public getName():string {
        return this.name;
    }
    // 公开的方法声明,返回值number
    public getAge():number {
        return this.age;
    }
    // 公开的方法声明
    public getSex():number {
        return this.sex;
    }
    // 实现接口方法
    makeFriend():boolean {
        return true;
    }
    // 实现接口方法
    doGame():void {
        console.log('我们在做游戏');
    }
}

类的继承

// 引入Person类
import Person from './Person';
// extends关键字实现继承
export default class Girl extends Person {
    private high:number
    constructor(name:string, age: number) {
        super(name, age, 1);
    }

    public setHigh(high: number):void {
        this.high = high;
    }

    public getHigh():number {
        return this.high;
    }
}

编译生成.d.ts文件

tsc -d Girl.ts # 生成Girl.d.ts

编译生成js文件

tsc Girl.ts # 生成Girl.js

读完了?给作者一点支持

本文采用 CC BY 4.0 协议转载 · © 大苹果

评论(0)

登录 后参与评论。

  • 还没有评论,来抢沙发。

🔗 相关文章