javascript - 如何在 Typescript 的函数内部调用函数？

Question

我有以下脚本:

/// <reference path="updateAjax.ts" />
/// <reference path="updateSetUp.ts" />
/// <reference path="../../Shared/typescript/reference.ts" />

module Admin.Grid {

    export function updateField(entity: string, $link: JQuery) {

        var link = new Link($link),
            idArr = $link.attr("id"),
            idTmp = idArr.split("_");

        link.AdminParams = Admin.Shared.getAdminParams(entity),
        link.Entity = entity;
        link.InputFieldType = $link.attr('id').split('_')[1];
        link.Row = idTmp[2],
        link.PartitionKey = $("tr[id='row_" + link.Row + "']").attr('data-pk'),
        link.RowKey = $("tr[id='row_" + link.Row + "']").attr('data-rk');
        link.InputFieldValue = $link.is(":checkbox") ? $link.is(":checked") : $link.val(),

        updateSetUp(link);
        updateAjax(link);
    }
}

在另一个文件中:

/// <reference path="../../Shared/typescript/reference.ts" />

module Admin.Grid {

    export function updateSetUp(link: Link) {
        $("#modified_" + link.Row).html('Updating');
        $("#modifiedBy_" + link.Row).html('Updating');
        $("#input_" + link.InputFieldType + "_" + link.Row)
            .next('span').remove().end()
            .after('<span class="check-waiting"></span>');
    }

}

当第一个脚本编译为 javascript 我没有看到任何对 updateSetup(link) 或 updateAjax(link) 的调用

我在 VS2012 中使用 Web Essentials。我没有收到任何错误消息或红色下划线。据我所知，我所有的链接都是正确的。删除文件并重新创建没有区别。

这是生成的 javascript:

var Admin;
(function (Admin) {
    (function (Grid) {
        function updateField(entity, $link) {
            var link = new Link($link);
            var idArr = $link.attr("id");
            var idTmp = idArr.split("_");

            link.AdminParams = Admin.Shared.getAdminParams(entity) , link.Entity = entity;
            link.InputFieldType = $link.attr('id').split('_')[1];
            link.Row = idTmp[2] , link.PartitionKey = $("tr[id='row_" + link.Row + "']").attr('data-pk') , link.RowKey = $("tr[id='row_" + link.Row + "']").attr('data-rk');
            link.InputFieldValue = $link.is(":checkbox") ? $link.is(":checked") : $link.val() , Grid.updateSetUp(link);
            Grid.updateAjax(link);
        }
        Grid.updateField = updateField;
    })(Admin.Grid || (Admin.Grid = {}));
    var Grid = Admin.Grid;

})(Admin || (Admin = {}));

Answer 1

这些调用确实存在于编译后的代码中。请注意，大量使用逗号而不是分号会导致行很长:

link.AdminParams = Admin.Shared.getAdminParams(entity) , link.Entity = entity;
link.InputFieldType = $link.attr('id').split('_')[1];
link.Row = idTmp[2] , link.PartitionKey = $("tr[id='row_" + link.Row + "']").attr('data-pk') , link.RowKey = $("tr[id='row_" + link.Row + "']").attr('data-rk');
link.InputFieldValue = $link.is(":checkbox") ? $link.is(":checked") : $link.val() , Grid.updateSetUp(link);
Grid.updateAjax(link); //<<<here and ...                                             ^here^