ES6 & Classes & Interface

最新推荐文章于 2024-07-02 21:45:00 发布

weixin_30699831

最新推荐文章于 2024-07-02 21:45:00 发布

阅读量880

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xgqfrms/p/10985783.html

本文探讨了ES6中类和接口的概念与区别，通过具体示例解释了如何使用类和接口来定义和实现点（Point）对象。文章对比了类和接口在TypeScript中的应用，并展示了如何为类添加接口以增强类型检查。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ES6 & Classes & Interface

what's the difference between javascript Classes & Interface ?

https://github.com/microsoft/TypeScript/issues/31788

very confused codes, which `Point` is class & which `Point` is Interface

Point.prototype.distanceFromOrigin = function (this: Point, point: Point)

http://www.typescriptlang.org/docs/handbook/migrating-from-javascript.html#no-implicit-any-for-this


"use strict";

/**
 *
 * @author xgqfrms
 * @license MIT
 * @copyright xgqfrms
 * @created 2019.06.06
 *
 * @description
 * @augments
 * @example
 * @link
 *
 */

class Point {
    constructor(public x, public y) {
        // ...
    }
    getDistance(p: Point) {
        let dx = p.x - this.x;
        let dy = p.y - this.y;
        return Math.sqrt(dx ** 2 + dy ** 2);
    }
}


// Reopen the interface.
interface Point {
    distanceFromOrigin(point: Point): number;
}

// Point.prototype.distanceFromOrigin = function (point: Point) {
//     return this.getDistance({
//         x: 0,
//         y: 0,
//     });
// }

// ???
Point.prototype.distanceFromOrigin = function (this: Point, point: Point) {
    return this.getDistance({
        x: 0,
        y: 0,
    });
}

转载于:https://www.cnblogs.com/xgqfrms/p/10985783.html