阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      CoffeeScript 教程

      CoffeeScript

      CoffeeScript 是一套 JavaScript 的转译语言。受到 Ruby、Python 与 Haskell 等语言的启发,CoffeeScript 增强了 JavaScript 的简洁性与可读性。

      此外,CoffeeScript 也新增了更复杂的功能,例如列表内涵、模式匹配等。

      一般来说,CoffeeScript 可以在不影响运行性能的情况下,缩短约三分之一的代码长度。自从 2011 年 6 月以来,CoffeeScript 已经是 GitHub 上最受瞩目的项目之一。

      适用人群

      本书着重讲解了 CoffeeScript 的基础语法,适合初学者。

      学习前,你需要了解 JavaScript 这门语言,应为 CoffeeScript 是建立在此基础上的。

      如果您还没有学过 CoffeeScript ,那么推荐你学习 TypeScript 教程,这个更加优秀!

      语法

      许多 JavaScript 的陈述句皆可在 CoffeeScript 中视为表达式。

      例如,if, switch 与 for 等。这些控制陈述句也有后缀的版本。

      CoffeeScript 的一般原则,是可以省略许多不必要的括号和大括号,可以使用缩进来取代。

      可以以隐喻方式调用函数(在 JavaScript 中调用函数所需的括号可以被省略),对象文字通常可以自动侦测。

      示例

      一个使用 jQuery 的普通 JavaScript 代码如下:

      $(document).ready(function() {
        // 這裡是初始化的程式碼
      });
      

      或可以更省略:

      $(function() {
        // 這裡是初始化的程式碼
      });
      

      在 CoffeeScript 里,function 关键字可用 ->符号来取代,结尾的分号也可用缩进来表示,如同 Python、Haskell 等缩进语言的越位规则一样。此外,大括号通常也可以省略。因此上述的代码在 CoffeeScript 中可写成如下的形式。

      $(document).ready ->
        # 這裡是初始化的程式碼
      

      ($ document).ready ->
        # 這裡是初始化的程式碼
      

      又或者

      $ ->
        # 這裡是初始化的程式碼
      

      编译

      CoffeeScript 的编译器在 0.5 版本之后由 CoffeeScript 本身写成,为 Node.js 里的一个工具程序。但核心代码并不依赖 Node.js,且可直接在任何支持 JavaScript 的环境中使用。

      此外,可以使用 Coffee Maven Plugin 作为 Node.js 之外的替代方案,这是 Apache Maven 建置工具的外挂,由 Rhino JavaScript 引擎并以 Java 语言写成。

      在 CoffeeScript.org 官方网站的菜单上有“Try CoffeeScript”按钮,可以让用户直接输入 CoffeeScript 代码并直接在浏览器上编译成 JavaScript。

      另外一个网站“jscoffee”提供双向转译的功能。

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录