JavaScript Functons 函数简介

转载 2013年12月04日 09:04:09

Functions contain blocks of code that need to be executed repeatedly. Functions can take zero or more arguments, and can optionally return a value.

Functions can be created in a variety of ways, two of which are shown below:

1
2
3
4
5
// Function declaration.
function foo() {
// Do something.
}
1
2
3
4
5
// Named function expression.
var foo = function() {
// Do something.
};

Using Functions

1
2
3
4
5
6
7
8
// A simple function.
var greet = function( person, greeting ) {
var text = greeting + ", " + person;
console.log( text );
};
greet( "Rebecca", "Hello" ); // "Hello, Rebecca"
1
2
3
4
5
6
7
8
// A function that returns a value.
var greet = function( person, greeting ) {
var text = greeting + ", " + person;
return text;
};
console.log( greet( "Rebecca", "Hello" ) ); // "Hello, Rebecca"
1
2
3
4
5
6
7
8
9
10
11
12
// A function that returns another function.
var greet = function( person, greeting ) {
var text = greeting + ", " + person;
return function() {
console.log( text );
};
};
var greeting = greet( "Rebecca", "Hello" );
greeting(); // "Hello, Rebecca"

Immediately-Invoked Function Expression (IIFE)

A common pattern in JavaScript is the immediately-invoked function expression. This pattern creates a function expression and then immediately executes the function. This pattern is extremely useful for cases where you want to avoid polluting the global namespace with code – no variables declared inside of the function are visible outside of it.

1
2
3
4
5
6
7
// An immediately-invoked function expression.
(function() {
var foo = "Hello world";
})();
console.log( foo ); // undefined!

Functions as Arguments

In JavaScript, functions are "first-class citizens" – they can be assigned to variables or passed to other functions as arguments. Passing functions as arguments is an extremely common idiom in jQuery.

1
2
3
4
5
6
7
8
9
10
11
// Passing an anonymous function as an argument.
var myFn = function( fn ) {
var result = fn();
console.log( result );
};
// Logs "hello world"
myFn( function() {
return "hello world";
});
1
2
3
4
5
6
7
8
9
10
11
12
// Passing a named function as an argument
var myFn = function( fn ) {
var result = fn();
console.log( result );
};
var myOtherFn = function() {
return "hello world";
};
myFn( myOtherFn ); // "hello world"

1. javascript的简介和语言特点

  • qq_25201665
  • qq_25201665
  • 2016年10月18日 21:16
  • 3682

JavaScript中匿名函数的多种写法

你必须知道的JavaScript匿名函数以及多种匿名函数的写法,本文还将详解为什么匿名函数会自动执行,这也是Jquery 库的原理哦~~~...
  • GregOfNeu
  • GregOfNeu
  • 2014年09月15日 01:00
  • 2898

javaScript简单实例:实现一个简易计算器

javaScript简单实例:实现一个简易计算器**样式代码** body{ font-size:12px; font-family:Arial, ...
  • SUN_song520
  • SUN_song520
  • 2015年09月17日 20:55
  • 3714

pffp(一个JavaScript公共函数接口规范)的简介

Public Functions for Page 拥有一个兼具对称与不对称美的缩写 —— pffp 声明: pffp不是什么? pffp 不是一个框架;pffp不是一个特定的插件或工具。...
  • xxyj6450
  • xxyj6450
  • 2012年08月07日 10:04
  • 561

Javascript简介,基础(变量和函数的声明使用)

JavaScript 简介   JavaScript是网景(Netscape)公司开发的一种基于客户端浏览器、面向(基于)对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Lives...
  • ljheee
  • ljheee
  • 2016年05月03日 21:39
  • 691

Javascript基础(3)正则、JSON、函数简介

1.正则表达式: ①由模式和修饰符构成:/this/i this就是模式,i表示不区分大小写。这个作为搜索包含this字符串的正则 ②字符串可以用match()、search()和replace(...
  • puppyand123
  • puppyand123
  • 2015年08月15日 11:03
  • 291

linux shell基本语法经典以及函数简介

  • 2013年08月09日 10:56
  • 275KB
  • 下载

PostGIS空间函数简介

  • 2017年03月09日 08:31
  • 311KB
  • 下载

matlab工具箱函数简介

  • 2014年05月07日 18:11
  • 212KB
  • 下载

C++函数简介.doc

  • 2012年01月31日 12:00
  • 132KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript Functons 函数简介
举报原因:
原因补充:

(最多只允许输入30个字)