CoffeeScript - 变量

变量只是命名容器。您可以将数据放入这些容器中，然后使用其容器的名称来引用数据。

CoffeeScript 变量

在JavaScript中，在使用一个变量之前，我们需要对其进行声明和初始化（赋值）。与 JavaScript 不同，在 CoffeeScript 中创建变量时，无需使用 var 关键字声明它。我们只是通过为文字赋值来简单地创建一个变量，如下所示。

name = variable name

示例

在下面的 CoffeeScript 代码中，我们定义了两个变量 name 和 age，分别是字符串和数字数据类型。将其保存在名为 variable_example.coffee 的文件中。

name = "Javed"
age = 25

编译代码

通过在命令提示符下执行以下命令来编译上述 CoffeeScript 代码。

c:\> compile -c variable_example.coffee

编译时，将生成一个名为 variable_example.js 的 JavaScript 文件，其中包含以下内容。在这里您可以观察到编译器代表我们使用 var 关键字声明了变量（age 和 name）。

// Generated by CoffeeScript 1.10.0
(function() {
  var age, name;
  name = "Javed";
  age = 25;
  
}).call(this);

变量作用域

变量的范围是定义它的程序区域。 JavaScript 和 CoffeeScript 变量只有两个作用域。

全局变量 − 全局变量具有全局作用域，这意味着它可以在 JavaScript 代码中的任何位置使用。
局部变量 − 局部变量仅在定义它的函数内可见。函数参数始终是该函数的局部参数。

JavaScript 中的变量问题

在 JavaScript 中，每当我们不使用 var 关键字定义变量时，它都会在全局范围内创建。这会导致很多问题。考虑以下示例 −

<script type = "text/javascript">
   var i = 10;
   document.write("The value of global variable i is "+ i);   
   document.write("<br>");
   test();
   function test() {
      i = 20;
      document.write("The value of local variable i is "+i);
      document.write("<br>");
   }
   document.write("The value of global variable i is "+i);
</script>

在执行时，上面的 JavaScript 会给出以下输出 −

The value of global variable i is 10

The value of local variable i is 20

The value of global variable i is 20

在上面的示例中，我们在全局空间中创建了一个名为 i 的变量，并为其赋值 10。在函数内，我们尝试创建一个同名的局部变量，声明为 i=20；没有 var 关键字。由于我们错过了 var 关键字，全局变量 i 的值被重新分配为 20。

因此，建议使用 var 关键字声明变量。

CoffeeScript 中的变量作用域

每当我们编译 CoffeeScript 文件时，CoffeeScript 编译器都会创建一个匿名函数，并在该函数内逐行将 CoffeeScript 代码转换为 JavaScript。（如果需要，我们可以使用编译命令的 -b 或 --bare 选项删除顶级函数包装器）我们创建的每个变量都使用匿名函数中的 var 关键字，因此默认情况下，每个变量在 CoffeeScript 中都是局部的。

(function() {
  var age, name;
  name = "javed";
  age = 20;
}).call(this);

无论如何，如果我们愿意，我们可以声明一个具有全局命名空间的变量。我们可以明确地做到这一点，如下所示。

obj = this
obj.age = 30