通过Coffeescript加速您的JavaScript开发

> coffeescript：JavaScript的简洁而可读的替代品

coffeescript是一种汇编的语言，可翻译成JavaScript，提供了更具表现力和紧凑的语法。这会导致更清洁，更可维护的代码，而错误则更少。 它的创作者杰里米·阿什肯纳斯（Jeremy Ashkenas）将其描述为让您“写下你的意思”，避免了JavaScript的历史怪癖。

>关键优势包括提高的可读性，与较旧的Internet Explorer版本的兼容性以及避免常见的JavaScript陷阱（如尾逗号和自动插入）。 它日益普及的人，尤其是在铁路社区中，反映在顶级编程语言的Tiobe指数中。

>

开始使用Coffeescript>

通过NPM简单地安装：

全局安装允许使用

<code class="language-bash">npm install coffee-script -g</code>

。

coffee汇编

可以手动编译），也可以使用观察者在保存时自动重新编译。 手动汇编：

自动重新编译： .coffee

注意：Coffeescript 1.9.1中的一个错误会影响观察者；建议在下面的示例中使用1.9.0版。

<code class="language-bash">coffee -c app.coffee</code>

>

> coffeescript基础

<code class="language-bash">coffee -cw app.coffee</code>

coffeescript通过多种方式简化JavaScript：

>变量声明：

变量声明通常是不必要的；只需分配一个值：

。

• 分号： hasBody = true>
函数调用：
• 括号是可选的，用于顶级函数呼叫：>。
• 凹痕：凹痕（两个空格或一个选项卡）定义了代码块。 $(".messages").show 'slow'
• >示例：

>布尔和有条件

> Coffeescript提供简洁的布尔和有条件语法：

<code class="language-coffeescript">if hasBody
  alert "Hello Body"
else
  alert "No Body"</code>

在 在

>和代表

和

。

。

• 启用单线条件。on yestrue>和true代表
和
• 。off。 no falsefalse迭代，过滤器和范围
• > is>迭代使用isnt用于数组，而===!==用于对象属性：>
• >使用then：
实现过滤

<code class="language-bash">npm install coffee-script -g</code>

>数字范围很容易创建：（包含），[0..10]（exclusive）。 [0...11]

>

>> this函数是使用来定义的：

>

->

符号替换

<code class="language-bash">coffee -c app.coffee</code>

关键字。@> this

ES6样式类，OOP

> > coffeescript支持以对象为导向的编程，并具有继承：

使用

支持REST参数：

<code class="language-bash">coffee -cw app.coffee</code>

>

使用隐式回报；最后一个语句的值已返回。...

<code class="language-coffeescript">if hasBody
  alert "Hello Body"
else
  alert "No Body"</code>

结论

> CoffeeScript为JavaScript提供了更简洁，更可读的替代方案，简化了开发和减少错误。 尽管它的知名度随现代JavaScript的进步有所减弱，但对于那些寻求更具表现力的脚本体验的人来说，它仍然是一个有价值的工具。 常见问题（FAQS）

>

省略了原始输入的FAQ部分，因为鉴于重写文章中已经提供了信息，因此在很大程度上是多余的。 常见问题解答中的信息已被整合到修订文本中。>

以上是通过Coffeescript加速您的JavaScript开发的详细内容。更多信息请关注PHP中文网其他相关文章！