Typescript的面向对象

最新推荐文章于 2025-08-07 14:42:17 发布

weixin_34400525

最新推荐文章于 2025-08-07 14:42:17 发布

阅读量57

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：http://www.cnblogs.com/samwu/p/4354370.html

本文介绍了JavaScript中封装、继承及多态的概念与实现方式。通过具体代码示例展示了如何使用封装来创建独立的对象，如何利用原型链进行继承并保留子类特性，以及如何实现多态来提供统一接口。适合初学者理解面向对象编程的基本概念。

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

封装：

var Greeter = (function () {
    function Greeter(message) {
        this.greeting = message;
    }
    Greeter.prototype.greet = function () {
        return "Hello, " + this.greeting;
    };
    return Greeter;
})();
var greeter = new Greeter("world");
var button = document.createElement('button');
button.textContent = "Say Hello";
button.onclick = function () {
    alert(greeter.greet());
};
document.body.appendChild(button);

继承：

var __extends = this.__extends || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    __.prototype = b.prototype;
    d.prototype = new __();
};
var Animal = (function () {
    function Animal(name) {
        this.name = name;
    }
    Animal.prototype.move = function (meters) {
        alert(this.name + " moved " + meters + "m.");
    };
    return Animal;
})();
var Snake = (function (_super) {
    __extends(Snake, _super);
    function Snake(name) {
        _super.call(this, name);
    }
    Snake.prototype.move = function () {
        alert("Slithering...");
        _super.prototype.move.call(this, 5);
    };
    return Snake;
})(Animal);
var Horse = (function (_super) {
    __extends(Horse, _super);
    function Horse(name) {
        _super.call(this, name);
    }
    Horse.prototype.move = function () {
        alert("Galloping...");
        _super.prototype.move.call(this, 45);
    };
    return Horse;
})(Animal);
var sam = new Snake("Sammy the Python");
var tom = new Horse("Tommy the Palomino");
sam.move();
tom.move(34);