TypeScript:如何从javascript构造函数继承?

如何从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 {

        }

    }

解决方法:

您需要在打字稿中声明与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之前可用.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐