Coffee script 学习笔记I --函数及变量作用域

Coffee的函数定义是这样的:


Square = (x) -> x*x


翻译成js的代码就是

var Square = function(x){
       return x*x;
};

note: 如果函数的定义超过一行的话那就换行继续写下去,注意的是需要用缩进来对齐同一个函数内的所有代码。

而Coffee是支持缺省参数的,比如:
fill = (container, liquid = "coffee") ->
  "Filling the #{container} with #{liquid}..."

翻译成js的代码就是:

var fill;
var outer = 10;
        for(var i = 1; i <= 2; i++){
                var outer = 1;
                alert(outer);
        }
        alert(outer);

fill = function(container, liquid) { if (liquid == null) { liquid = "coffee"; } return "Filling the " + container + " with " + liquid + "...";};


这里liquid缺省就用coffee来代表。

接下来讲讲CoffeeScript的变量作用域和变量安全性。JS的变量作用域是词法作用域,它不具备块作用域。比如我们有下面的代码:




var outer = 10;
        for(var i = 1; i <= 2; i++){
                var outer = 1;
                alert(outer);
        }
        alert(outer);

这里虽然for循环中定义了一个outer,但和外面的outer变量同名,因此,定义是无效的,而outer的值也变成1了。所以在最后的alert语句输出outer的值就是1.

但词法作用域的表现就是这样的,我们定义了一个闭包:

        var outer = 10;
        var f = function(){
                var outer = 1;
                return outer;
        }
        var t = f;
        alert(t());
        alert(outer);

输出分别是1和10.在f这个闭包中,我们定义了一个和outer同名的变量,但在这个词法里,outer是独一无二的,在返回outer的时候,不会覆盖掉外部outer变量,这个貌似涉及到js的垃圾回收机制。。。


而CoffeeScript给我们提供安全的变量access。

outer = 1
changeNumbers = ->
  inner = -1
  outer = 10
inner = changeNumbers()

在定义变量时,无需要用var这个关键字。这里changNumbers 相当于一个闭包。在代码的最后一行定义了inner变量,这个并不会和闭包中的inner变量冲突。

翻译成JS的代码是:

var changeNumbers, inner, outer;

outer = 1;

changeNumbers = function() {
  var inner;

  inner = -1;
  return outer = 10;
};

inner = changeNumbers();

以上代码均来自:www.coffeescript.org


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值