JavaScript基础知识 第二篇 Function

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。