来点CoffeeScript吗？

KavenFan 发布于2019-08-21 10:22 / 979人阅读

摘要：一般来说，可以缩短大约的代码长度。这就避免了意外创建全局变量。使用表示，不推荐的和将不能使用。因此，使用将是有效的解决方法之一。

简单易懂的介绍

CoffeeScript是什么？

首先，它是一门小巧的编程语言。有一本关于CoffeeScript的指南，写作“The Little Book on CoffeeScript”：

很小，是吗？

然后，它是一门JavaScript的转译语言。这个转译过程看起来像这样：

.coffee的文件将会被编译为.js的文件，然后，就像使用JavaScript那样使用它！

在[coffeescript.org][]上有这样一句话：

The golden rule of CoffeeScript is: "It"s just JavaScript".

也就是说，良好的面对CoffeeScript的心态是，“它只是JavaScript”！

更少代码

CoffeeScript可以让你少写一点代码。请看下图：

可见，CoffeeScript精简了JavaScript的{}、()、;等符号的使用，并为function、this等关键字定义了简单的符号表示法。这些风格转换都使得CoffeeScript代码量更少。

一般来说，CoffeeScript可以缩短大约1 / 3的代码长度。

语言特性增强

CoffeeScript较JavaScript在语言特性上进行了改善。在CoffeeScript中，所有的变量声明都不再使用var关键字：

number = 1.0

CoffeeScript在编译时会自动分析上面这样的语句，如果被赋值的变量未被定义，会在作用域顶部用var定义变量（由.coffee编译得到的.js）。这就避免了意外创建全局变量。如果要在CoffeeScript中声明全局变量，必须用显式的代码定义：

window.paintSize = 10

CoffeeScript为字符串拼接提供了更方便的写法，例如：

drawTitle = "Start from #{number}."

其中number会取作用域中的对应变量。

CoffeeScript使用is表示===，不推荐的==和!=将不能使用。例如：

"draw" if 1 is true

其他的语义化的转化：

CoffeeScript默认将最后一条语句作为返回值（受启发于Ruby），例如：

description = ->
    console.log "Thinking."
    @

将等同于：

description = function() {
    console.log("Thinking.");
    return this;
};

可能有用的一些说明 隐式括号

在CoffeeScript中，允许用空格的形式来表示括号，这称为隐式括号。但是，隐式括号使用不当会带来一些问题，例如：

console.log Math.floor 1.7, Math.ceil 1.7

编译为.js将是：

console.log(Math.floor(1.7, Math.ceil(1.7)));

这可能不是你想要的结果。关于隐式括号需要理解的一点是：直到表达式末尾，隐式括号才会闭合。所以，建议的写法是，单条语句只在第一处位置使用隐式括号，其他位置都显式地把括号写出来。例如：

console.log Math.floor(1.7), Math.ceil(1.7)

将正确编译为：

console.log(Math.floor(1.7), Math.ceil(1.7));

此外，不带参数的函数调用，将不能省略括号。例如你想要init();语句，那么在CoffeeScript中你也需要写作init()。

语句都是表达式

在CoffeeScript中，所有的语句都视为表达式。请看这样的语句：

name = if 1 is true 
    "green tea" 
else 
    "black tea"

这在CoffeeScript中是合法的，将被编译为：

name = 1 === true ? "green tea" : "black tea";

因此可以正常运行。类似的，其他种类的语句也可以这样使用，CoffeeScript都会很好地处理它们。

从CoffeeScript中学习JavaScript

CoffeeScript所做的很多语言特性增强，都来源于JavaScript的最佳实践。看一看编译后的JavaScript，就可以了解到CoffeeScript是如何实现的，这可能对学习JavaScript也有所帮助。例如，CoffeeScript可使用?在赋值之前检查变量是否存在：

draw?.tool = "pencil"

编译后的代码：

if (typeof draw !== "undefined" && draw !== null) {
    draw.tool = "pencil";
}

这里CoffeeScript展示了JavaScript的“空比较”的最正确的方法。

再例如，CoffeeScript可使用=>来定义绑定上下文（this）的函数：

rest = (drink) =>
    @status = "Have a #{drink}!"

对应.js是：

rest = (function(_this) {
    return function(drink) {
        return _this.status = "Have a " + drink + "!";
    };
})(this);

可以看到CoffeeScript用了一个特定结构实现了函数绑定，这个写法也同样是有用的参考。

CoffeeScript调试的问题

你可能也想到了，如果需要调试，浏览器的错误提示是针对编译后的JavaScript而不是原CoffeeScript，因此调试分析会比较麻烦。这是事实，但我认为影响不大，有以下几点原因：

语法错误会在CoffeeScript编译时提示，这个提示针对CoffeeScript源码，可以预先看到（如果不修正，是不能得到编译后的JavaScript的）。

CoffeeScript和JavaScript实现同一逻辑功能的结构差异较小，如果有错误，可以类比推断。

CoffeeScript支持Source Maps，可以在编译同时生成.map文件，帮助调试。

其他JavaScript的转译语言

可以转译为JavaScript的语言一般称为altJS（Alternative JavaScript）。JavaScript语言本身有较多不方便、有缺陷的地方，且自由度过高，因人和JavaScript库的不同，代码风格可能会相差很大，难于维护。因此，使用altJS将是有效的解决方法之一。

除本文介绍的CoffeeScript外，主流alsJS还有TypeScript[]。其中Haxe除JavaScript外，还可以编译为其他各类平台的语言，如C++、C#、Java等，算是通用型编程语言。根据实际开展工作的需要，这些altJS也都值得尝试。

结语

总的来说，CoffeeScript相比JavaScript，写起来代码会少一点，好用的语言特性要多一点，大概就像是在用一种更标准的形式使用JavaScript。

“它只是JavaScript”，保持这样的心态，CoffeeScript也许可以帮到你。

（重新编辑自我的博客，原文地址：http://acgtofe.com/posts/2014/11/have-a-cup-of-coffeescript）

云服务器 GPU云服务器来点 coffeescript nodejs_coffeescript 收费吗

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85396.html

《JavaScript快速全栈开发》作者Azat Mardanov：现在是拥抱Node技术栈的最佳时

摘要：长期以来，他都是和等机构的讲师，其技术课程获得一致好评。但是，如果让我预测的话，我认为未来是很光明的，而现在就是拥抱技术栈的最佳时机。所以在浏览器和服务器之间代码不需要上下文切换。如果没有上下文切换，那么生产力也会更高。非商业转载请注明作译者、出处，并保留本文的原始链接：http://www.ituring.com.cn/article/195742 Azat Mardan...

Rango 2019-08-21 10:28 评论0 收藏0
Nicholas C. Zakas：我热爱互联网技术的种种异端

摘要：图灵社区看来，移动互联网开发会成为下一行业焦点，你觉得呢移动互联网开发已经是焦点了。图灵社区现在有很多基于改进的语言，比如，等等。热爱跨浏览器开发带来的挑战热爱互联网技术的种种异端，热爱业内的同行，热爱你的工具。非商业转载请注明作译者、出处，并保留本文的原始链接：http://www.ituring.com.cn/article/1791 尼古拉斯·泽卡斯（Nicholas...

PascalXie 2019-08-21 12:37 评论0 收藏0
【趣味连载】攻城狮上传视频与普通人上传视频：（一）生成结构化数据

摘要：背景当知道要上传的视频资料从条变成条时，我就明白，绝对不能再人工处理了。背景当知道要上传的视频资料从20条变成100条时，我就明白，绝对不能再人工处理了。他们总是想当然的认为，录入一条数据需要1分钟，那录入20条数据就是20分钟，录入100条数据，不就是100分钟吗？我有时候，真的很想问问他们，没有考虑过人是会犯错的吗？数据越多，出错的可能就越大；但是数据本身，又是不允许出现纰漏的...

mindwind 2019-06-21 16:16 评论0 收藏0
初识 CoffeeScript

摘要：而造成一些莫名其妙的错误。写一个文件打印出编译命令会在同级目录下生成一个同名的文件。将包裹在了一个匿名函数当中，并用调用，这样使得代码隔离，不会和外部混淆。其中的表示的就是为了方便使用，可以使用双冒号来替代。很早就知道这CoffeeScript一门语言，但是一直没有机会系统的学习下，那天趁在公司没有什么要紧的项目做，就根据CoffeeScript首页的例子学了一下。引用Coffe...

骞讳护 2019-08-19 14:42 评论0 收藏0