RequireJS and TypeScript Class - Cannot call function externally

Question

I am having a tough figuring out how to mix RequireJs and TypeScript. I am compiling TypeScript with the AMD option. The problem is, the function declared within an exported class is classified as "prototype". Is this normal?

ModalHelper.ts:

export class ModalHelper {
    saySomething = (something: String) => {
        alert(something);
    }
}

Compiled ModalHelper.js:

define(["require", "exports"], function (require, exports) {
    var ModalHelper = (function () {
        function ModalHelper() {
            this.saySomething = function (something) {
                alert(something);
            };
        }
        return ModalHelper;
    })();
    exports.ModalHelper = ModalHelper;
});

Create.ts and Create.js (module is marked as required):

require(["jquery", "Shared/ModalHelper"], function ($, modal) {
    $(function () {
        modal.ModalHelper.saySomething("hi");
    });
});

Why am I not able to call this function? From debugging, I see the module being added via RequireJs.

Fenton · Accepted Answer · 2015-06-04 07:53:54Z

2

There are two options.

You are calling it like a static method, so you could make it static:

export class ModalHelper {
    static saySomething = (something: String) => {
        alert(something);
    }
}

Or if you didn't mean for it to be static, you can instantiate the ModalHelper first instead:

var helper = new ModalHelper();
helper.saySomething("hi");

answered Jun 4, 2015 at 7:53

Fenton

253k74 gold badges404 silver badges414 bronze badges

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

Comments

Roman · Accepted Answer · 2015-06-04 08:03:08Z

1

IMO classes in TypeScript should be used only if you need multiple instances with data associated to each instance. A Helper is usually just a bunch of static methods. Therefore I suggest to use a module instead (untested):

Shared/ModalHelper.ts

module ModalHelper {
    export function saySomething(something: String) {
        alert(something);
    }
}

export = ModalHelper

Create.ts

import ModalHelper = require("./Shared/ModalHelper");

module Create {
    ModalHelper.saySomething("Hello");
}

edited Jun 4, 2015 at 8:03

answered Jun 4, 2015 at 7:56

Roman

5,6871 gold badge32 silver badges41 bronze badges

Collectives™ on Stack Overflow

RequireJS and TypeScript Class - Cannot call function externally

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related