函数是一个可重用代码块,可以在程序中的任何位置调用.这消除了一次又一次地编写相同代码的需要.它帮助程序员编写模块化代码.
函数允许程序员将大程序划分为许多小而易于管理的函数.
一般情况下使用JavaScript,我们可以定义两种类型的函数 - 命名函数,具有函数名称body的常规函数和函数表达式.使用函数表达式,我们可以为变量赋值.
//named functionfunction sayHello(){ return("Hello there");} //function expressionsvar message = function sayHello(){ return("Hello there");}
CoffeeScript中的函数
与JavaScript相比,CoffeeScript中的函数语法更简单.在CoffeeScript中,我们只定义函数表达式.
在CoffeeScript中消除了函数关键字.要在此定义函数,我们必须使用细箭头( - > ).
在幕后,CoffeeScript编译器将箭头转换为JavaScript中的函数定义如下所示.
(function(){});
在CoffeeScript中使用 return 关键字不是强制性的. CoffeeScript中的每个函数都会自动返回函数中的最后一个语句.
如果我们想返回调用函数或返回在我们到达函数结尾之前的值,然后我们可以使用 return 关键字.
除了内联函数(单行函数),我们也可以在CoffeeScript中定义多行函数.由于花括号被删除,我们可以通过保持适当的缩进来实现.
定义函数
以下是在CoffeeScript中定义函数的语法.
function_name = -> function_body
示例
以下是CoffeeScript中函数的示例.在这里,我们创建了一个名为 greet 的函数.此函数自动返回其中的语句.将其保存在名为 function_example.coffee
的文件中.
greet = -> "This is an example of a function"
通过在命令提示符中执行以下命令来编译它.
c:\> coffee -c function_example.coffee
在编译时,它会生成以下JavaScript代码.在这里,您可以观察到CoffeeScript编译器自动在名为 greet()的函数中返回字符串值.
// Generated by CoffeeScript 1.10.0(function() { var greet; greet = function() { return "This is an example of a function"; };}).call(this);
多行函数
我们还可以通过维护缩进而不是花括号来定义具有多行的函数.但是我们必须与整个函数中一行所遵循的缩进一致.
greet = -> console.log "Hello how are you"
在编译时,上面的CoffeeScript为您提供了以下JavaScript代码. CoffeeScript编译器抓取我们使用缩进分隔并放在花括号内的函数体.
// Generated by CoffeeScript 1.10.0(function() { var greet; greet = function() { return console.log("Hello how are you"); };}).call(this);
带参数的函数
我们也可以使用括号在函数中指定参数,如下所示.
add =(a,b) -> c=a+b console.log "Sum of the two numbers is: "+c
编译上述CoffeeScript文件,它将生成以下JavaScript.
// Generated by CoffeeScript 1.10.0(function() { var add; add = function(a, b) { var c; c = a + b; return console.log("Sum of the two numbers is: " + c); };}).call(this);
调用函数
定义函数后,我们需要调用该函数.您可以通过在其名称后面放置括号来调用函数,如以下示例所示.
add = -> a=20;b=30 c=a+b console.log "Sum of the two numbers is: "+c add()
在编译时,上面的示例为您提供以下JavaScript
// Generated by CoffeeScript 1.10.0(function() { var add; add = function() { var a, b, c; a = 20; b = 30; c = a + b; return console.log("Sum of the two numbers is: " + c); }; add();}).call(this);
在执行上述CoffeeScript代码时,它会生成以下输出.
Sum of the two numbers is: 50
调用带参数的函数
以同样的方式,我们可以通过将参数传递给它来调用函数,如下所示.
my_function argument_1,argument_2 或 my_function( argument_1,argument_2)
注意 : 在通过向其传递参数来调用函数时,括号的使用是可选的.
在下面的示例中,我们创建了一个名为 add()的函数,接受两个参数,我们已经调用它.
add =(a,b) -> c=a+b console.log "Sum of the two numbers is: "+cadd 10,20
在编译时,上面的例子给出了以下JavaScript.
// Generated by CoffeeScript 1.10.0(function() { var add; add = function(a, b) { var c; c = a + b; return console.log("Sum of the two numbers is: " + c); }; add(10, 20);}).call(this);
执行时,上面的CoffeeScript代码会生成以下输出.
Sum of the two numbers is: 30
默认参数
CoffeeScript也支持默认参数.我们可以为函数的参数赋值默认值,如下例所示.
add =(a = 1, b = 2) -> c=a+b console.log "Sum of the two numbers is: "+cadd 10,20#Calling the function with default argumentsadd()
在编译时,上面的CoffeeScript生成以下JavaScript文件.
// Generated by CoffeeScript 1.10.0(function() { var add; add = function(a, b) { var c; if (a == null) { a = 1; } if (b == null) { b = 2; } c = a + b; return console.log("Sum of the two numbers is: " + c); }; add(10, 20); add()}).call(this);
在执行上述CoffeeScript代码时,它会生成以下输出.
Sum of the two numbers is: 30Sum of the two numbers is: 3