HiveBrain v1.2.0
Get Started
← Back to all entries
patterntypescriptModerate

Build a function object with properties in TypeScript

Submitted by: @import:stackoverflow-api··
0
Viewed 0 times
typescriptobjectwithfunctionpropertiesbuild

Problem

I want to create a function object, which also has some properties held on it. For example in JavaScript I would do:

var f = function() { }
f.someValue = 3;


Now in TypeScript I can describe the type of this as:

var f: { (): any; someValue: number; };


However I can't actually build it, without requiring a cast. Such as:

var f: { (): any; someValue: number; } =
    (
        function() { }
    );
f.someValue = 3;


How would you build this without a cast?

Solution

So if the requirement is to simply build and assign that function to "f" without a cast, here is a possible solution:

var f: { (): any; someValue: number; };

f = (() => {
    var _f : any = function () { };
    _f.someValue = 3;
    return _f;
})();


Essentially, it uses a self executing function literal to "construct" an object that will match that signature before the assignment is done. The only weirdness is that the inner declaration of the function needs to be of type 'any', otherwise the compiler cries that you're assigning to a property which does not exist on the object yet.

EDIT: Simplified the code a bit.

Code Snippets

var f: { (): any; someValue: number; };

f = (() => {
    var _f : any = function () { };
    _f.someValue = 3;
    return _f;
})();

Context

Stack Overflow Q#12766528, score: 35

Revisions (0)

No revisions yet.