完美

[学习|工作|博客|交流平台|完美起航]
 详情

TypeScript学习笔记(一)

时间:[2018-05-23 18:13:48] 作者:[ zyw327 ] 点击:[ 38 ]

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
 1   0
标签:  TypeScript
 相关评论