CoffeeScript?TypeScript?还是JavaScript

时间:2023-01-02 22:40:06

  请注意本文只是我的偏见,我努力地理解借助CoffeeScript或TypeScript之类的编译器写JavaScript代码的理由。静态编译、强类型语言和框架,我有着这些流行的、丰富的背景。我的上一份工作就是使用TypeScript,因为我不得不使用。那是一段不快乐的时光,我将因此而离开。

  我很幸运地把自己从这种困境和负担中释放出来,正在完全地使用JavaScript编写代码,我对此感到格外高兴!如果我对于这种变化的热情还不够明显,请让我向你保证,我现在更开心了。有一点很重要,我不是在暗示静态编译或强类型语言有什么错误,因为它肯定没错。它只不过不再是我的菜了。

  鉴于JavaScript的动态本性以及缺乏静态类型检查,我可能编写着低质量代码,充斥着bug却不能在编译时发现,对吗?答案是毫不含糊的,不对!我从来不能这样有动力、多产、富有表现和高效。我没有编写过最少bug的高质量代码,也不能在发现bug后快速修复。或许你想知道,我是否在编写风格统一的JavaScript,它们遵循最佳实践和风格,却没有编译器?答案是,对的!我不是故意在这里鼓吹自己,而是要指出,静态编译的缺乏不一定会导致更多的bug和低质量的代码。

  的确,有很多方法来确保JavaScript代码被正确地编写、遵循推荐的风格和最佳实践。更不要说编写高质量JavaScript成为了第二天性,自然地,你倾向于遵循你学到的、同样优秀的模式。你还应该总是编写合适的单元测试,这是一种最佳实践和另一种应对bug的防御,有助于确保预期的功能。我们不要忘了,合适的代码审核也是一种最佳实践,应该去用。

  那么,为什么要用这些编译器,好处又是什么呢?答案是,我也不知道。是不是应该有可以编译成Ruby和Python的RubyScript和PythonScript呢?在我看来,如果你不喜欢、或者不想编写JavaScript代码,那么你可能就不应该做一名JavaScript开发人员。它是古怪的、不完美的语言?它绝对是,但是它一直在变得更好。大部分的怪癖和遗漏在ECMAScript Harmony【注1】中提出了,比如:ES.next。

  我认为使用某种编译器只有一个原因,那就是,如果你是高级专家、JavaScript大拿,不喜欢原生JavaScript,只是想简单快捷地做些东西。如果你不是刚才提到的专家,那么我真地相信你只是在伤害自己而逃避原生JavaScript。你干嘛这么问?答案是,JavaScript正变得无处不在,成为庄重的、令人惊叹的语言。它已经融入了所有的web和移动环境、使用Node.js的服务器,还有数据库(比如MongoDB),甚至最近的硬件级别的处理(比如arduino)。

  我读了很多博客、newsletter、书、文章、论文、文档、MDN等与JavaScript相关的东西。它们都包含了用原生JavaScript编写的代码,我很少看到作者用CoffeeScript或类似语言呈现的代码,在极少场合碰到这些代码时,我会立即停止阅读,因为我只对JavaScript、而不是它的其它版本感兴趣。

  如果你曾经计划、或者有兴趣在工作中用到基于JavaScript的数据库(比如MongoDB),那么你需要知道如何编写JavaScript。你不能用CoffeeScript来查询MongoDB,也不能没有预编译就用CoffeeScript为Node.js编写基于服务器端的JavaScript,即使你有能力,也不能这样做。

  在GitHub上,如潮水般涌来的、表面上有数百万种的JavaScript资源库和框架,该怎么样呢?大型的有jQuery、AngularJS、Underscore等等。我强烈推荐深入学习JavaScript,这样你不仅能够阅读和理解源代码,还可以调试它。是的,说到了调试,不管是你是在浏览器,还是使用Webstorm为Node.js调试JavaScript,都会涉及到原生JavaScript。

  我最后想指出的是与其他人的协作(比如GitHub),或者找一份JavaScript工作室的工作。如果顺利的话,掌握原生JavaScript的好处应该比较明显。当你入职第一天走进严肃的JavaScript工作室、提出CoffeeScript编译器的问题,你能够想象得到这是什么情景吗?

  重申,如果你是高级专家JavaScript大拿,那么编译器可能就是好的吗?尽管如此,我怀疑你会不会成为这样的大拿,如果你因为青睐某种编译器而避免学习、编写原生JavaScript的话。如果你担心静态检查和风格,可以尝试一些构建工具(比如,Grunt、Gulp、Node、NPM等)。很多插件运行非常不错。对于既定代码,使用CoffeeScript或TypeScript是为了查看编译好的JavaScript,然后模拟原生代码的输出。无论怎样,帮自己一个忙,优先掌握JavaScript。

  注1:ECMAScript Harmony将会以“ECMAScript 6”发布。http://zh.wikipedia.org/wiki/ECMAScript

  原文:http://innoarchitech.com/coffeescript-typescript-javascript/ 翻译:labazhou

CoffeeScript?TypeScript?还是JavaScript的更多相关文章

  1. TypeScript 强类型 JavaScript – Rafy Web 框架选型

    今天看到了 AngularJs 2.0 版本将基于 TypeScript 构建 的消息.与同事们对 TypeScript 展开了讨论.本文记录一些个人的想法. 理想的 JavaScript 开发模式 ...

  2. TypeScript和JavaScript哪种语言更先进

    TypeScript和JavaScript哪种语言更先进 近两年来最火爆的技术栈毫无争议的是JavaScript,随着ES6的普及,不管是从前端的浏览器来看,还是后端的NodeJS场景,JavaScr ...

  3. 【smart-transform】取自 Atom 的 babeljs/coffeescript/typescript 智能转 es5 库

    简介 有时间研究下开源库的源码,总是会有些收获的.注意到 Atom 插件编写时,可以直接使用 babel, coffeescript 或者 typescript.有些诧异,毕竟 Electron 中内 ...

  4. TypeScript VS JavaScript 深度对比

    TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言,我们已经熟知 TypeScript 是 JavaScript 的一个超集,但是 TypeScript 与 Jav ...

  5. Typescript 和 Javascript之间的区别

    TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言,我们已经熟知 TypeScript 是 JavaScript 的一个超集,但是 TypeScript 与 Jav ...

  6. [连载]Tutorial series: learning how to write a 3D soft engine from scratch in C#, TypeScript or JavaScript[英]

    MSDN中的一篇博文链接:Tutorial series: learning how to write a 3D soft engine from scratch in C#, TypeScript ...

  7. TypeScript 和 JavaScript 的区别

    TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言,我们已经熟知 TypeScript 是 JavaScript 的一个超集.JavaScript 和 TypeSc ...

  8. TypeScript和JavaScript的区别

    JavaScript和TypeScript的对比 注:参考https://juejin.im/entry/5a52ed336fb9a01cbd586f9f做的笔记 概要介绍 JavaScript Ja ...

  9. [求教]利用typescript对Javascript做强类型检测提示

    近期在学习typescript的时候,发现ts居然可以对原生js做强检测.发现从v2.3就开始直接了.这让我感叹他的变化,又让我自己感到学习的缓慢.本文章就对他小试牛刀一下. 一.他是的使用与支持 通 ...

  10. 编译TypeScript(TypeScript转JavaScript)

    1.配置tsconfig.json文件 tsconfig.json文件配置说明 { "compilerOptions": { //生成相关说明,TypeScript编译器如何编译. ...

随机推荐

  1. PL/SQL Developer连接Oracle 11g在Win8 64位系统下乱码

    PL/SQL Developer在64位系统上连接Oracle,需要安装32位Oracle client客户端,使用后,发现操作数据库出现乱码的情况.经过查找资料,解决此问题,方法如下: 需要在系统的 ...

  2. http请求的开销

    很多人都说要减少http请求,可关注为什么要减少请求的人却少很多,本文是对我在几篇博客以及知乎上看到的内容的整理. http请求头的数据量 每次请求都会带上一些额外的信息进行传输,当请求的资源很小,比 ...

  3. mongodb的备份

    转载请附原文链接:http://www.cnblogs.com/wingsless/p/5672057.html mongodb现在为止还是没有像XtraBackup这样好用的备份工具,因此一般来说会 ...

  4. Socket 广播

    1.广播端口 Socket中的广播端口是什么意思,是谁对应谁的? 这个广播端口 指定 客户端接收广播消息时要使用的端口号. 参考: 1.快速Python 原型 2.receive UDP broadc ...

  5. displaytag 添加超链接

    方法1:在<display:column>中使用属性autolink="true",不过这条属性只对两种情况起作用:网址和邮箱,如果只是普通字符串,那么还是普通字符串, ...

  6. 双十一用python秒杀京东好货&excl;

    好久没用python了,都写不来了. 需要用到selenium 和 Chromedriver: 我只是记录一下几个坑: 第一个坑:自己电脑里安装了两个版本的python ,3.5和3.6 结果我在pi ...

  7. spring 核心思想:AOP 理解

    什么是AOP? AOP概念介绍 所谓AOP,即Aspect orientied program,就是面向方面(切面)的编程. 面向切面编程Aspect-Orlented-Programming,即AO ...

  8. struts2防止表单重复提交的解决方案

    一.造成重复提交主要的两个原因:    在平时的开发过程中,经常可以遇到表单重复提交的问题,如做一个注册页面,如果表单重复提交,那么一个用户就会注册多次,重复提交主要由于两种原因. 1. 一是,服务器 ...

  9. 2018-2019-2 网络对抗技术 20165210 Exp4 恶意代码分析

    2018-2019-2 网络对抗技术 20165210 Exp4 恶意代码分析 一.实验目标 首先是监控你自己系统的运行状态,看有没有可疑的程序在运行. 其次是分析一个恶意软件,就分析Exp2或Exp ...

  10. 【JeeSite】角色分配

    主要是(roleAssign.jsp , selectUserToRole.jsp )2个jsp页面的JS方法调用比较复杂,主页面要获取弹窗页面的数据 var pre_ids = h.find(&qu ...