Function
1.function也是对象
在JavaScript中function也是对象,对象可以进行的操作,function都可以,在JavaScript中以下两种写法是基本一样的:
function foo() {} // 常规写法 var foo = function() {}; // JavaScript 中function的独特写法
第二种写法在JavaScript中完全合法,有没有看出function是对象的感觉。引申一下,这么写也是合法的
function User() {} // User当做一个对象 User.clone = function() {} // 对象可以拥有属性
其中User的首字母大写是构造函数的惯例写法,构造函数将在“JavaScript对象(object)”一文中介绍。
2.function作用域与闭包
JavaScript是以function作为作用域的,那么当两个函数嵌套起来,就构成了JavaScript中的闭包(closure)。例如:
function foo() { var i = 2; function bar() { alert(i); // 可以访问到父函数的变量。 } }
闭包(closure)的完整概念比较复杂,在JavaScript中,简单理解为子函数可以调用父函数的变量,就可以了。
3.匿名函数
function声明中的函数name是可选的,当函数name不写的时候就是一个匿名函数,匿名函数由于没有name所以适用于只使用一次的情形,例如:
var arr = [ 2, 1, 3 ]; arr.sort(function(obj1, obj2) { return obj2 - obj1; });//arr.sort(f)的参数为一个用于比较大小进行排序的function
利用sort使用一个匿名函数作为参数,来进行数组的排序操作。
4.函数重载
JavaScript中没有函数重载,按照其他语言中的重载写法(例如Java),变量将会指向最后一个声明的函数,而不会重载,例如:
function foo() { alert('first func'); } function foo(name) { alert('second func ' + name); } foo(); // alert('second func undefined'); foo('bar'); // alert('second func bar');
在JavaScript中没有对函数重载的原生支持,但是我们很容易自己写一个函数来实现函数重载功能。函数重载需要做两件事:确定参数类型和确定参数数量。
确定参数类型可以利用typeof或者使用jQuery.type(),例如:
function foo( arg ) { if( typeof arg == 'number' ) { return 2 + arg; } if( typeof arg == 'string' ) { return 'this is a string: '+ arg; } } alert( foo( 1 ) ); //3 alert( foo( 'bar' ) ) //this is a string: bar
确定参数类型需要利用function的arguments属性。arguments是类数组,包含了调用函数时传入的参数,但没有数组的pop(),push()等操作。例如:
function addAll() { var sum = 0; for (var i = 0; i < arguments.length; i++ ) { sum += arguments[i]; } return sum; } addAll(1, 2, 3, 4); //10
在编写类库代码时,需要考虑各种情况,也可能需要检查参数的情况。
小结:本文主要介绍了JavaScript中的function的特性,function是对象、闭包、匿名函数,以及如何在JavaScript中实现函数重载。
小作业:去研究下jQuery.type()函数的源码。有看不懂的地方,可参考lifesinger的github。