JavaScript函数

什么是JavaScript函数?

在所有编程语言里,函数是用来包含需要重复执行的代码块,Javascript也不例外。

Javascript函数可以有0到n个参数。

Javascript函数可以返回一个值或0个值。

如何创建函数?

在JavaScript里,有两种创建函数的方法法。

  1. 函数声明法
function foo() {
  /* do something */
}
  1. 函数表达式法
var foo = function() {
  /* do something */
}

如何使用函数?

下面是使用不同类型函数的例子

  1. 简单函数
var greet = function(person,greeting)
{
  var text = greeting+','+person;
  console.log(text);
};
greet('Duran','Hello');
  1. 有返回值得函数
var greet = function(person, greeting)
{
  var text = greeting+','+person;
  return text;
};
console.log(greet('Duran','Hello'));
  1. 返回函数的函数
var greet = function(person,greeting)
{
  var text = greeting+''+person;
  return function(){console.log(text)};
};
var greeting = greet('Duran','hello');
greeting();

自执行匿名函数

在javascript中,自执行匿名函数一种随处可见的函数,所以理解它是非常重要的。

它首先建立一个函数表达式,然后立刻执行它。

注意:所有在自执行匿名函数中声明的变量在函数外部都是不可访问的。

(function(){
  var foo = 'Hello world';
})()
console.log(foo); //undefined!

函数作为函数的参数

函数在JavaScript中非常重要,它们被当做一等公民,什么是一等公民?就是它们能被赋值给变量,能作为参数传递给另一个函数。

传递匿名函数作为参数

var myFn = function(fn) {
  var result =fn();
  console.log(result);
}
myFn(function(){return 'hello world';});

传递非匿名函数作为参数

var myFn = function(fn) {
  var result = fn();
  console.log(result);
}
var myOtherFn = function(){
  return 'hello world';
}
myFn(myOtherFn);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文链接 Haskell和scala都支持函数的柯里化,JavaScript函数的柯里化还与JavaScript的...
    dreamapple阅读 2,556评论 0 24
  • 函数就是最基本的一种代码抽象的方式。 定义函数function abs(x) {if (x >=0){return...
    _我和你一样阅读 459评论 0 0
  • 函数 1.JavaScript允许传入任意个参数而不影响调用,因此传入的参数比定义的参数多也没有问题,虽然函数内部...
    wyude阅读 183评论 0 1
  • 在JavaScript中,函数即对象,程序可以随意操控它们。比如,JavaScript可以把函数赋值给变量,或者作...
    kissLife阅读 958评论 0 0
  • 黄宗羲、顾炎武、王夫之三人是明末清初最伟大的思想家。黄宗羲在名作《明夷待访录》中陈述了一个国家建都选址的要点,经过...
    硕鼠无止阅读 710评论 1 1