← 返回首页
Vue3基础教程(六)
发表时间:2021-08-02 17:13:23
Typescript之类

TypeScript 是面向对象的 JavaScript。类描述了所创建的对象共同的属性和方法。

TypeScript 支持面向对象的所有特性,比如 类、接口等。TypeScript 类定义方式如下:

class class_name { 
    // 类作用域
}

定义类的关键字为 class,后面紧跟类名,类可以包含以下几个模块(类的数据成员):

其创建实例方式和方法调用与Java语言十分类似。

下面创建一个 Animal 类,然后通过关键字 new 来创建一个对象并访问属性和方法。

class Animal {
    // 字段
    high:number;
    weight:number;
    // 构造函数
    constructor(high:number,weight:number) {
        this.high = high;
        this.weight = weight;
    }
    // 方法
    eat():void {
        console.log("动物吃ing...")
    }
}

// 创建一个对象
let a = new Animal(120,60);
// 访问字段
console.log("身高:  "+a.high+",体重:"+a.weight);
// 访问方法
a.eat()

编译以上代码,得到的JavaScript 代码如下:

var Animal = /** @class */ (function () {
    // 构造函数
    function Animal(high, weight) {
        this.high = high;
        this.weight = weight;
    }
    // 方法
    Animal.prototype.eat = function () {
        console.log("动物吃ing...");
    };
    return Animal;
}());
// 创建一个对象
var a = new Animal(120, 60);
// 访问字段
console.log("身高:  " + a.high + ",体重:" + a.weight);
// 访问方法
a.eat();

运行结果:

身高:  120,体重:60
动物吃ing...