使用typescript开发js代码提升代码维护性

转载于 2017-05-03 22:55:00 发布 · 76 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ProDoctor/p/6804458.html

文章标签：

#javascript #json #ViewUI

本文介绍了一个简单的TypeScript类实例，并展示了如何将其转换为JavaScript。此外，还讨论了TypeScript在前后端开发中提高代码质量和维护性的优势。

function test() { 
    var gs = new Greeter('ss');
    alert( gs.greet());

}
window.onload = test;

class Greeter {
    greeting: string;
    constructor(message: string) {
        this.greeting = message;
    }
    greet() {
        return "Hello, " + this.greeting;
    }
}

　　由于后台与前台经常用到json序列化交互所以如果后台定义的model能够拿到前台来使用将会非常方便并且智能提示和类型检查也是非常好的功能

在复制的组件话,模块化需要不断变化的今天维护性很重要更有用武之地

我们看看它生成的js

function test() {
    var gs = new Greeter('ss');
    alert(gs.greet());
}
window.onload = test;
var Greeter = (function () {
    //构造函数
    function Greeter(message) {
        this.greeting = message;
    }
    Greeter.prototype.greet = function () {
        return "Hello, " + this.greeting;
    };
    return Greeter;
}());
//# sourceMappingURL=file1.js.map