JavaScript中的函数定义

第8章函数

在JS中函数即对象，程序可以随意操控他们。可以把函数赋值给变量，或者作为参数传递给其他函数。因为函数就是对象，所以可以给他们设置属性，甚至调用他们的方法。

JavaScript的函数可以嵌套在其他函数中定义，这样它们就可以访问它们被定义时所处的作用域中的任何变量，这意味着JavaScript函数构成了一个闭包closure,它给JS带来了非常强劲的编程能力。

8.1 函数定义

使用function关键字来定义，用在表达式或者函数声明语句两种形式。

都以function关键字开始，随后跟随以下组成部分：

函数名称标识符，就像变量名称，新定义的函数对象会赋值给这个变量，对函数定义表达式来说，这个名字是可选的，如果存在，该名字只存在于函数体中，并指代该函数对象本身。
一对圆括号，包含0个或多个用逗号隔开的标识符组成的列表，这些标识符是函数的参数名称，就像函数体中的局部变量一样。
一对花括号，包含若干JS语句，构成了函数体，调用函数后就会执行这些语句。

8-1 定义JavaScript函数

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>8-1 定义JavaScript函数</title><script>//输出o的每个属性的名称和值，返回undefinedfunction printprops(o) {for (var p in o) {console.log(p + ":" + o[p] + "\n");}}//计算两个笛卡尔坐标(x1,y1)和(x2,y2)之间的距离function distance(x1, y1, x2, y2) {var dx = x2 - x1;var dy = y2 - y1;return Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));}//计算阶乘的递归函数(调用自身的函数)function factorial(x) {if (x <= 1) {return 1;}return x * factorial(x - 1)}//函数表达式定义了一个函数用来求传入参数的平方var square = function (x) {return x * x};//函数表达式可以包含名称，这在递归时很有用var f = function fact(x) {if (x <= 1) {return 1;} else {return x * fact(x - 1);}}//函数表达式也可以作为参数传给其他函数var data = [2, 1, 3, 5, 4, 7, 6, 8, 9]data.sort(function (a, b) {return a - b;});//函数表达式有时定义后立即调用,10为参数默认值var tensquared = (function (x) {return x * x;}(10));</script>
</head><body><h1>8-1 定义JavaScript函数</h1><textarea name="" id="" cols="80" rows="43" readonly><script>//输出o的每个属性的名称和值，返回undefinedfunction printprops(o) {for (var p in o) {console.log(p + ":" + o[p] + "\n");}}//计算两个笛卡尔坐标(x1,y1)和(x2,y2)之间的距离function distance(x1, y1, x2, y2) {var dx = x2 - x1;var dy = y2 - y1;return Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));}//计算阶乘的递归函数(调用自身的函数)function factorial(x) {if (x <= 1) {return 1;}return x * factorial(x - 1)}//函数表达式定义了一个函数用来求传入参数的平方var square = function (x) {return x * x};//函数表达式可以包含名称，这在递归时很有用var f = function fact(x) {if (x <= 1) {return 1;} else {return x * fact(x - 1);}}//函数表达式也可以作为参数传给其他函数var data = [2, 1, 3, 5, 4, 7, 6, 8, 9]data.sort(function (a, b) {return a - b;});//函数表达式有时定义后立即调用,10为参数默认值var tensquared = (function (x) {return x * x;}(10));</script></textarea>
</body></html>

注意:以表达式定义的函数，函数名是可选的，一条函数声明语句实际上声明了一个变量，并把函数对象赋值给它。相对而言，定义函数表达式时并没有声明一个变量。函数可以命名，就像上面的阶乘函数，它需要一个名字来指代自己。如果一个函数定义表达式包含名称，函数的局部作用域将会包含一个绑定到函数对象的名称，实际上函数的名称成为函数内部的一个局部变量。

通常来说以表达式方式定义函数时都不需要名称，这会让定义它们的代码更为紧凑。函数定义表达式特别适合用来定义那些只会用到一次的函数，比如上面展示的最后两个例子。