Coffeescript 简明教程

CoffeeScript - Overview

目前,JavaScript 是最快的主流动态语言,它被誉为 Web 的通用语。它是由 Brendan Eich 在 1995 年的 10 天内开发的。

由于其有效的功能,JavaScript 变得流行,并迅速风靡全球。它在实验室中存在的时间非常短暂,不足以对该语言进行完善。也许正是出于这个原因,尽管 JavaScript 有好的部分,但它仍然存在大量的设计错误,并且因其古怪而获得了恶名。

What is CoffeeScript ?

CoffeeScript 是一种基于 Ruby 和 Python 的轻量级语言,它可以 transcompiles (从一种源语言编译到另一种) JavaScript。它提供了更好的语法,避免了 JavaScript 中古怪的部分,同时保留了该语言的灵活性和美感。

Advantages of CoffeeScript

以下是 CoffeeScript 的优势 −

  1. Easily understandable − CoffeeScript 是 JavaScript 的速记形式,其语法与 JavaScript 相比非常简单。使用 CoffeeScript,我们可以编写整洁、清楚且易于理解的代码。

  2. Write less do more − 对于 JavaScript 中的庞大代码,我们需要相对较少的 CoffeeScript 行数。

  3. Reliable − CoffeeScript 是一种安全可靠的编程语言,可用于编写动态程序。

  4. Readable and maintainable − CoffeeScript 为大多数运算符提供了别名,这使代码可读。用 CoffeeScript 编写的程序也易于维护。

  5. Class-based inheritance − JavaScript 没有类。相反,它提供了功能强大但令人困惑的原型。与 JavaScript 不同,我们可以在 CoffeeScript 中创建类并继承它们。此外,它还提供实例和静态属性以及 mixins 。它使用 JavaScript 的原生原型来创建类。

  6. No var keyword − 无需使用 var 关键词在 CoffeeScript 中创建变量,这样我们可以避免意外或不必要的范围声明。

  7. Avoids problematic symbols − 无需在 CoffeeScript 中使用有问题的分号和括号。我们不需要使用大括号,而是可以使用空格来区分代码块,如函数、循环等。

  8. Extensive library support − 在 CoffeeScript 中,我们可以使用 JavaScript 库,反之亦然。因此,我们可以在使用 CoffeeScript 时获得丰富的库集。

History of CoffeeScript

  1. CoffeeScript 由 Jeremy Ashkenas 开发。它于 2009 年 12 月 13 日首次提交到 Git。

  2. 最初,CoffeeScript 的编译器是用 Ruby 语言编写的。

  3. 2010 年 3 月,CoffeeScript 编译器被替换;这次他们使用了 CoffeeScript 本身,而不是 Ruby。

  4. 同年,CoffeeScript 1.0 发布,在发布时,它是 Git hub 最受欢迎的项目之一。

Limitations of CoffeeScript

  1. Sensitive to whitespaces − CoffeeScript 对空格非常敏感,因此编程人员在提供缩进时必须非常小心。如果我们没有保持适当的缩进,整个代码可能会出错。

TutorialsPoint’s CoffeeScript IDE

你可以使用 TutorialsPoint 在我们的编码基础部分提供的 CoffeeScript 编译器来编译 CoffeeScript 文件 https://www.tutorialspoint.com/codingground.htm 。按照以下步骤使用我们的 CoffeeScript 编译器。

Step 1

点击以下链接,访问我们网站的主页 www.tutorialspoint.com

Step 2

在主页右上角单击名为 CODING GROUND 的按钮,如下面给出的快照中所示。

tutorialspoint homepage

Step 3

这将导致我们的 CODING GROUND 部分,该部分为大约 135 种编程语言提供在线终端和 IDE。在在线 IDE 部分中打开 CoffeeScript IDE,这在以下快照中所示。

coding ground

Step 4

如果你在 main.coffee 中粘贴你的 CoffeeScript 代码(你可以更改文件名),然后单击 Preview 按钮,那么你可以在控制台中看到已编译的 JavaScript,如下面的快照所示。

tp coffeescript ide