javascript – 类似于Revealing Module Pattern结构的TypeScript代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 类似于Revealing Module Pattern结构的TypeScript代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1064字，纯文字阅读大概需要2分钟。

内容图文

我想将我编写的一些JavaScript代码转换为TypeScript.作为一名JavaScript开发人员,我对TypeScript语法和思维方式都很陌生.

令我头疼的是我很难将使用Revealing Module Pattern的一些代码转换成TypeScript.

一个例子如下：

//JS Code
var obj;

//code...
(function(){
    function myFunction(){
        //do work
    }


    function MyOtherConstructor(){
        return {
            publicMethod: myFunction
        }
    }

    obj = new MyOtherConstructor();
})();

//use obj.publicMethod in code later

我想到的一个解决方法是：

//TypeScript code
var obj;

class MyOtherConstructor {
        private callback: any;
        constructor(f: any){
            this.callback = f;
        }
        publicMethod(): any{
            this.callback();
        }
}
//code...
(() => {
    function myFunction(){
        //do work
        console.log("Called myFunction");
    }
    obj = new MyOtherConstructor(myFunction);
})();

//use obj.publicMethod in code later

哪个有效,但很难看.

有什么建议让这更好吗？

解决方法:

如果您需要单个对象obj,则不要使用类.命名空间更适合：

namespace obj {
    function myFunction() {
        // ...
    }
    export var publicMethod = myFunction;
}

如果你想保留这个类,那么这里有一个更简洁的代码：

class MyOtherConstructor {
    constructor(public publicMethod: () => void) {
    }
}

内容总结

以上是互联网集市为您收集整理的javascript – 类似于Revealing Module Pattern结构的TypeScript代码全部内容，希望文章能够帮你解决javascript – 类似于Revealing Module Pattern结构的TypeScript代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

---