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

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

  

类型检查 变量检查 智能提示

时间: 2024-10-12 08:28:24

使用typescript开发js代码提升代码维护性的相关文章

atitit js 开发工具 ide的代码结构显示(func list) outline总结

eclips环境::4.3.1 #-------需要一个js开发工具,可以显示outline或者代码结构显示(func list)的功能的 aptana,webstorm好十好,走十太大的,pass...子能dw,eclps,npp黑头挑选.. VJET是一个 Eclipse 的插件,提供完全的JavaScript 集成开发环境,使标准开发功能的JavaScript验证代码的帮助,搜索类型,语法和语义,类型的轮廓和层次结构,调用链,重构和更多.VJET JavaScript IDE 是一个Ecl

【转载】三年0故障总结,提升代码质量的秘诀

该文章来自于阿里巴巴技术协会(ATA)精选文章. 个人经历 对我代码质量影响最大的是在一家外资企业,在这家公司我觉得有以下几个方面做的很不错. 团队编码风格统一 统一到什么程度? 不看代码作者,你很难区分代码是谁写的(在目前公司一些团队也能达到这个标准). 个人观点: 这样做有什么好处?团队中每个人阅读代码都很容易,减少很多沟通,维护成本( 代码阅读的次数远远大于变更的次数),并且心情非常愉悦.有人肯定觉得愉悦有点夸张,举个栗子: 有一些代码,如果不是由于与工作内容有关联,你是否有种这辈子都不情

分享:使用 TypeScript 编写的 JavaScript 游戏代码

<上篇博客>我写出了我一直期望的 JavaScript 大型程序的开发模式,以及 TS(TypeScript) 的一些优势.博客完成之后,我又花了一天时间试用 TS,用它来重构之前编写的一个 JS 游戏:<Javascript 坦克游戏>.   源码下载 源码我已经上传到 CSDN 了,无需资源分,下载地址:http://download.csdn.net/detail/zgynhqf/8565873. 源码使用 VS 2013 +TypeScript 1.4 进行开发.打开后,显

集成框架 javaweb开发平台ssmy_m(生成代码) java struts2 mybatis spring maven jquery

网页地址 http://blog.csdn.net/lpy3654321/article/details/31841573 项目设想,在项目开发中,我们的开发者大多数时间都在反复开发 相同的keyword,相同的语法. 但就在这种情况下还会常常发生语法的错误,并且每一个开发者的代码风格不同. 其它人员阅读困难.新人的学习成本也会添加. 这些问题会浪费非常多时间,也会影响到开发者的心情,和程序质量. 由这些问题我想的解决方法是 <代码生成工具> . 代码生成能够解决上述问题,加强约定. 对于普通

如何提升代码质量

一.代码质量差表现在哪些方面: (1)可读性:函数命名随意,实现逻辑混乱,代码格式不规范.(2)可靠性:程序运行不稳定,bug太多.(3)维护性:代码逻辑没有层次,混成一团,很难维护改进.(4)移植性.重用性:许多人写的代码,只能自己使用,很少有能共享的功能性代码.(5)高效性:很少从算法.资源占用.执行效率等角度去考虑,经常导致软件性能问题. 二.解决方法(个人角度)(1)要尽量提升代码可读性.不仅写出计算机可以理解的代码,还要写出人类容易理解的代码.(2)熟悉自己所使用的程序语言.实际编程时

[探索]在开发中尽量提高代码的复用性

ctrl+c 和 ctrl+v 给我们带来了很多的便利,但是也使我们变得懒惰,不愿思考. 1.前言 相信很多人和我一样,在开发项目的时候,因为项目赶,或者一时没想到等原因.频繁使用 ctrl+c 和 ctrl+v ,导致代码很多都是重复的.这几天,也看了自己以前写的代码,简单的探索了一下,挑选几个实例,分享下如何在特定场景下,保证代码质量前提下,提高代码复用性. 提高代码的复用性,应该是不同场景,不同解决方案的.同时也要保证代码质量.不建议强制提高代码复用性,如果提高代码复用性会大大的降低代码的

使用Ant和YUICompressor链接合并压缩你的JS和CSS代码

JS代码和CSS代码在上线前要压缩大家应该都是知道的了.记得之前做项目的时候,最后要交差的时候是找了个网站,将JS代码的文件一个一个地复制,粘贴,复制,粘贴. 当时就在想:TMD有没有好一点的方法,劳资不想老是用Ctrl大法.啊啊啊啊啊啊啊啊阿~.最最坑爹的是,有时候将代码复制粘贴的时候手一抖可能就删了点什么东西,手一快又保存了,反正各种坑爹.坑到没朋友. 但是呢,不压缩也不是是吧? 在写JS代码渐渐多了起来的时候就发现手动压缩根本不是长远的方法.而且JS的代码也开始分块,分功能,分文件写了,尽

tinyMCE插件开发之插入html,php,sql,js代码 并代码高亮显示

作者: 字体:[增加 减小] 类型:转载 前几天,觉得blog的插入代码不够好用.于是,将sina的html编辑器更换为了tinyMCE.并且开发了一个简单的插入代码的功能... 下面就是我开发的过程. 首先,我的 tinyMCE版本是 Version: 3.2.7 (2009-09-22) .下载地址 http://www.jb51.net/codes/17198.htmltinyMCE插入代码,需要调用 tinyMCE的 tinyMCE.execCommand('mceInsertConte

[ios]js调用oc代码(oc)

用途:在ios开发中,经常回用到js调用oc代码的时候,例如在网页上有个拍照和打电话的按钮,想打开系统自带的拍照和电话的时候,就需要用到js调用oc代码的功能. 实现原理:在webView加载html网页的时候,没当发送一个请求,就会调用<UIWebViewDelegate>代理的 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIW