Typescript Revealing Module Pattern

Question

I am using The Revealing Module Pattern with JS in an angular application.

Now I am going to migrate it from Javascript to Typescript, but I have no idea how to use this pattern with TS. I have read some other post like the following, but no one of them have the return at the beginning of the function. TypeScript code similar to Revealing Module Pattern structure

angular.module('app.services')
.factory('justAService', justAService);

function justAService() {

return {
  a: a
};

var x = {};

function a(){....}

Is it possible to write the return at the top?

Thank you

Don’t use that pattern; TypeScript has actual modules. developer.mozilla.org/en/docs/web/javascript/reference/… — Ry-
– Ry- ♦, Commented Oct 13, 2016 at 15:46
Putting var x = {}; after the return also doesn’t make any sense. It will never be reached. It’s equivalent to declaring var x; and not initializing it. — Ry-
– Ry- ♦, Commented Oct 13, 2016 at 16:06
Yes you are right. Why should a use modules instead of this pattern? — Thomas Zoé
– Thomas Zoé, Commented Oct 13, 2016 at 16:08

lenilsondc · Accepted Answer · 2016-10-13 16:11:49Z

0

Yes it's possible. It's usually used to improve readability and it doesn't affect the program execution at all. Because function evaluation (definition) occur before that javascript gets executed, so when your module returns a reference to the function, it had already been defined. But it just works for functions declared this way, otherwise will be unreachable code.

Example:

module App{
    angular.module('app.services')
        .factory('justAService', justAService);

    function justAService() {

        return {
            a: a
        };

        function a() {

            var x = {};
        }
    }
}

edited Oct 13, 2016 at 16:11

answered Oct 13, 2016 at 15:56

lenilsondc

9,8453 gold badges27 silver badges40 bronze badges

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

4 Comments

Thomas Zoé Over a year ago

May you show me a sample? I tried it but the function is always unreachable

lenilsondc Over a year ago

What exactly have you tried? The given example seems to be on this situation.

Thomas Zoé Over a year ago

I edited my sample. The code is pretty much like the sample

lenilsondc Over a year ago

As I said in my answer it just work for function declarations, using a var x = {} will cause unreachable code. I've updated my answer with an example.

Collectives™ on Stack Overflow

Typescript Revealing Module Pattern

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related