3

如何从javascript中的构造函数继承？

例如，我有一个用原生 js 编写的基类

var MyModule;
(function (MyModule) {
    var MyBase = (function () {

        function MyBase(container, $MyElement) {

            this._container = container;
            this._$MyElement = $MyElement;
        }


        MyBase.prototype.toString = function () {
            return this._previewType;
        };

        MyBase.prototype.method1 = function(){

        };

        MyBase.prototype.method2 = function () {
            return this._isPreviewAffected;
        };



        return MyBase;
    })();
    MyModule.MyBase = MyBase;    
})(MyModule || (MyModule = {}));

我如何在打字稿中继承它。我尝试了以下代码。我收到错误“引用不正确：引用的文件：“my-base.js”无法解析“

 /// <reference path="my-base.js" />

    module MyModule {

        export class MyConcrete extends MyBase {

        }

    }
4

1 回答 1

4

您需要在 typescript 中声明与您的 javascript 代码等效的签名。这是为了让 TypeScript 知道如果你的 JavaScript 是用 TypeScript 编写的，它意味着什么：

declare module MyModule{
    export class MyBase{
        constructor(container, $MyElement);
        toString();
        method1():void;
        method2():bool;
    }
}

module MyModule {    
        export class MyConcrete extends MyBase {    
        }    
    }

另外/// <reference path="file" />仅适用于 Typescript 文件。对于 Javascript 文件，您可以使用一些脚本管理（例如<script>标签、requireJS 等）来确保 MyBase 在 MyConcrete 之前可用。

于 2013-05-30T12:52:30.997 回答