TypeScript code similar to Revealing Module Pattern structure

Question

I want to convert some JavaScript code I've written into TypeScript. I'm rather new to TypeScript syntax and way of thinking, as a JavaScript developer.

What is giving me a headache is the hard time I've had to convert some piece of code that uses the Revealing Module Pattern into TypeScript.

One example is the below:

//JS Code
var obj;

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


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

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

//use obj.publicMethod in code later

One workaround I've thought was this:

//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

which works, but it's ugly.

Any suggestion how make this better?

You mean to make the myFunction a private one of the MyOtherConstructor? If that's the case, I can't because I want the myFunction to be used into the anonymous function code block independently. I don't want to create the obj first and then use the function from it. I want to use the myFunction as is into that code block and create a new obj object that has the myFunction method. It will be used later in code. — gdyrrahitis
– gdyrrahitis, Commented Mar 26, 2015 at 9:57

Paleo · Accepted Answer · 2016-09-08 16:05:47Z

3

If you need a single object obj, then do not use a class. A namespace is more adapted:

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

If you prefer to keep the class, then here is a more concise code for it:

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

edited Sep 8, 2016 at 16:05

answered Mar 26, 2015 at 14:02

Paleo

24k5 gold badges74 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

TypeScript code similar to Revealing Module Pattern structure

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related