- CoffeeScript 教程
- CoffeeScript - 主页
- CoffeeScript - 概述
- CoffeeScript - 环境
- CoffeeScript - 命令行实用程序
- CoffeeScript - 语法
- CoffeeScript - 数据类型
- CoffeeScript - 变量
- CoffeeScript - 运算符和别名
- CoffeeScript - 条件
- CoffeeScript - 循环
- CoffeeScript - 理解
- CoffeeScript - 函数
- CoffeeScript 面向对象
- CoffeeScript - 字符串
- CoffeeScript - 数组
- CoffeeScript - 对象
- CoffeeScript - 范围
- CoffeeScript - Splat
- CoffeeScript - 日期
- CoffeeScript - 数学
- CoffeeScript - 异常处理
- CoffeeScript - 正则表达式
- CoffeeScript - 类和继承
- CoffeeScript 高级版
- CoffeeScript - Ajax
- CoffeeScript - jQuery
- CoffeeScript-MongoDB
- CoffeeScript-SQLite
- CoffeeScript 有用资源
- CoffeeScript - 快速指南
- CoffeeScript - 有用的资源
- CoffeeScript - 讨论
CoffeeScript - 命令行实用程序
在 Node.js 上安装 CoffeeScript 时,我们可以访问咖啡命令行实用程序。在这里,咖啡命令是关键命令。使用此命令的各种选项,我们可以编译并执行 CoffeeScript 文件。
您可以使用Coffee命令的-h或--help选项查看选项列表。打开Node.js 命令提示符并在其中执行以下命令。
c:\>coffee -help
此命令为您提供咖啡的各种选项的列表,以及每个选项执行的操作的描述,如下所示。
编译 CoffeeScript 代码
CoffeeScript 文件以扩展名.coffee保存。您可以使用 Coffee 命令的-c 或 --compile选项来编译这些文件,如下所示。
c:\>coffee -c filename.coffee
例子
假设您的系统中有一个文件,其中包含以下 CoffeeScript 代码,该代码在控制台上打印一条消息。
name = "Raju" console.log "Hello"+name+" Welcome to Tutorialspoint"
注意- console.log()函数在控制台上打印给定的字符串。
要编译上述代码,请将其保存在名为example.coffee的文件中。打开 Node.js 命令提示符。浏览保存文件的路径,并使用Coffee 命令行实用程序的 Coffee 命令的-c选项对其进行编译,如下所示。
c:\> coffee -c sample.coffee
执行上述命令时,CoffeeScript 编译器会编译给定文件 (sample.coffee) 并将其保存在当前位置,名称为 example.js,如下所示。
如果打开sample.js 文件,您可以观察生成的JavaScript,如下所示。
// Generated by CoffeeScript 1.10.0 (function() { var name; name = "Raju"; console.log("Hello " + name + " Welcome to Tutorialspoint"); }).call(this);
执行 CoffeeScript 代码
您只需将文件名传递给 Node.js 命令提示符中的 Coffee 命令即可执行 CoffeeScript 文件,如下所示。
c:\> coffee sample.coffee
例子
例如,让我们执行sample.coffee 文件。为此,请打开 Node.js 命令提示符。浏览保存文件的路径,并通过直接将其名称传递给 Coffee 命令来执行该文件,如下所示。
观看并编译
在某些情况下,我们有可能对脚本进行大量更改。使用Coffee 命令的–w选项,您可以观察脚本的更改。
您可以使用-wc选项同时监视和编译文件,如下所示。当我们使用此选项时,每次在脚本中进行更改时都会重新编译该文件。
c:\>coffee -wc file_name
例子
假设我们使用-wc选项编译了一个名为example.coffee的文件,并且对脚本进行了三次修改。每次我们更改脚本时,.coffee文件都会重新编译,留下 Node.js 命令提示符,如下所示。
设置输出目录
使用-o选项,我们可以设置输出目录来放置编译后的 JavaScript 文件,如下所示。
c:\>coffee -o "Required path where we want our .js files" file_name
例子
让我们通过在命令提示符下执行以下命令,使用-o选项将 example.coffee 文件的 JavaScript 代码保存在E 驱动器中名为data的文件夹中。
c:\>coffee -o E://data sample.coffee
以下是执行上述命令后给定文件夹的快照。在这里您可以观察sample.coffee的JavaScript文件
打印编译后的 JavaScript
如果我们想在控制台上打印编译后的 JavaScript,我们必须使用Coffee 命令的-p选项,如下所示。
c:\>coffee -p file_name
例子
例如,您可以使用-p选项在控制台上打印example.coffee文件的已编译 JavaScript 代码,如下所示。
REPL(读取评估打印循环)
CoffeeScript 为您提供了一个 REPL 交互式 shell。该 shell 用于计算 CoffeeScript 表达式。您可以在此 shell 中键入任何 CoffeeScript 代码并立即获得结果。您可以通过执行不带任何选项的Coffee命令来打开 REPL,如下所示。
使用这个 shell,我们可以为变量赋值、创建函数并评估结果。如下图所示,如果我们在 REPL 中调用函数,它会打印函数的值。如果我们给它一个表达式,它就会计算并打印表达式的结果。如果我们简单地在其中键入语句,它就会打印最后一个语句的值。
在 REPL 中,您可以通过按ctrl+v访问多行模式,您可以在其中评估多行代码(如函数),并且可以通过再次按ctrl+v返回 REPL 模式。这是多线模式的使用示例。
通过浏览器运行 CoffeeScript
我们可以像 JavaScript 一样使用 HTML 的 <script> 标签运行 CoffeeScript,如下所示。
<script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js" type="text/javascript" charset="utf-8"></script> <script type="text/coffeescript"> # Some CoffeeScript </script>
但为此,我们必须在每个应用程序中导入该库,并且在显示输出之前,CoffeeScript 代码将被逐行解释。这会减慢您的应用程序的速度,因此不建议使用这种方法。
因此,要在应用程序中使用 CoffeeScript,您需要使用 Coffee 命令行实用程序预编译它们,然后就可以在应用程序中使用生成的 JavaScript。