JavaScript基础知识 第二篇 Function

Functiongit

1.function也是对象github

在JavaScript中function也是对象，对象能够进行的操做，function均可以，在JavaScript中如下两种写法是基本同样的：数组

function foo() {} // 常规写法
var foo = function() {}; // JavaScript 中function的独特写法

 第二种写法在JavaScript中彻底合法，有没有看出function是对象的感受。引伸一下，这么写也是合法的闭包

function User() {} // User当作一个对象
User.clone = function() {} // 对象能够拥有属性

 其中User的首字母大写是构造函数的惯例写法，构造函数将在“JavaScript对象（object）”一文中介绍。函数

2.function做用域与闭包this

JavaScript是以function做为做用域的，那么当两个函数嵌套起来，就构成了JavaScript中的闭包（closure）。例如：spa

function foo() {
    var i = 2;
    function bar() {
        alert(i); // 能够访问到父函数的变量。
    }
}

 闭包（closure）的完整概念比较复杂，在JavaScript中，简单理解为子函数能够调用父函数的变量，就能够了。对象

3.匿名函数blog

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。