您的位置:首页 > Web前端

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

2013-04-03 08:31 721 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐