2

我遇到了 TypeScript 编译器生成的 JS 代码的问题。对于这样的课程：

// Class
export class UserDTO {
    Id: number;
    FirstName: string;
    LastName: string;
    DateOfBirth: Date;

    getFUllName(): string {
        return this.FirstName + ' ' + this.LastName;
    }        
}

TypeScript 生成以下代码：

define(["require", "exports"], function(require, exports) {
    // Class
    var UserDTO = (function () {
        function UserDTO() {
        }
        UserDTO.prototype.getFUllName = function () {
            return this.FirstName + ' ' + this.LastName;
        };
        return UserDTO;
    })();
    exports.UserDTO = UserDTO;
});
//@ sourceMappingURL=TestClass.js.map

上面的代码不包含未使用（未引用）的字段，但我在一些“对象到对象”映射案例中需要它们。是否可以强制编译器始终生成它们？

我正在使用 Visual Studio 2012 中的 TypeScript 0.9.1。这是我的编译器选项：

<TypeScriptTarget>ES5</TypeScriptTarget>
<TypeScriptIncludeComments>true</TypeScriptIncludeComments>
<TypeScriptSourceMap>true</TypeScriptSourceMap>
<TypeScriptModuleKind>AMD</TypeScriptModuleKind>

提前感谢您的任何提示。

4

2 回答 2

5

您不需要在 JavaScript 中声明字段。TypeScript 的字段声明仅用于类型检查。您仍然可以使用已编译的代码访问您的字段。

var o = new UserDTO();
o.FirstName = 'John';
o.LastName = 'Doe';
console.log(o.getFUllName()); // "John Doe"

小提琴：http: //jsfiddle.net/nPr6f/

于 2013-07-23T08:17:42.900 回答
3

您可以在定义它们时初始化它们：

export class UserDTO {
    Id: number = 0;
    FirstName: string = '';
    LastName: string = '';
    DateOfBirth: Date = undefined;

    getFUllName(): string {
        return this.FirstName + ' ' + this.LastName;
    }        
}

生成的javascript：

var UserDTO = (function () {
    function UserDTO() {
        this.Id = 0;
        this.FirstName = '';
        this.LastName = '';
        this.DateOfBirth = undefined;
    }
    UserDTO.prototype.getFUllName = function () {
        return this.FirstName + ' ' + this.LastName;
    };
    return UserDTO;
})();

演示循环这些属性的演示。

于 2013-07-23T09:32:45.990 回答