JavaScript忍者秘籍——函数（上）

概要：本篇博客主要介绍了JavaScript的函数。

1.第一型对象

　　JavaScript的函数可以像对象一样引用，因此我们说函数是第一型对象。除了可以像其他对象类型一样使用外，函数还有一个特殊的功能，它们可以被调用。这些调用，通常是以异步的方式进行调用。

2.回调

　　回调是高效利用JavaScript必不可少的一部分。

3.函数声明

　　如果一个函数不需要用名称进行引用，则不需要对它命名。命名一个函数时，该名称在整个函数声明范围内都是有效的。此外，函数声明在顶层，window对象上的同名属性则会引用到该函数。所有的函数都有一个name属性，该属性保存的是该函数名称的字符串。没有名称的函数也仍然有name属性，只是该属性值为空字符串罢了。

4.作用域与函数

　　在JavaScript中，作用域是由function进行声明的，而不是代码块。

　　● 变量声明的作用域开始于声明的地方，结束于所在函数的结尾，与代码嵌套无关。

　　● 命名函数的作用域是指声明该函数的整个函数范围，与代码嵌套无关。

　　● 对于作用域声明，全局上下文就像一个包含页面所有代码的超大型函数。

　　函数可以在其作用域范围内提前被引用，但变量不行。

5.函数调用

　　有四种不同的方式可以进行函数调用，每种方式都有自己的细微差别。

　　● 作为一个函数进行调用，是最简单的形式。

　　● 作为一个方法进行调用，在对象上进行调用，支持面向对象编程。

　　● 作为构造器进行调用，创建一个新对象。

　　● 通过apply()或call()方法进行调用。

6.函数的形参与实参

　　当一个参数列表作为函数调用的一部分时，这些参数会按照函数声明里的形参声明顺序，将参数值分别赋值给这些形参。第一个参数赋值给第一个形参，第二个参数赋值给第二个形参，以此类推。

　　如果传入的参数个数与形参数量不一致，JavaScript处理方式如下：

　　如果实际传递的参数数量大于函数声明的形参数量，超出的参数则不会配给形参名称。

　　例如：假设我们声明了如下函数：

function whatever(a,b,c){...}

　　如果我们调用的时候执行whatever(1,2,3,4,5)，参数1、2、3会分别赋值给a、b、c，而参数4和5则不会赋值给任何形参。即使这些参数不赋值给形参名称我们也可以获取它们。

　　如果声明的形参数量大于实际传递的参数数量，则没有对应参数的形参会赋值为undefined。

　　例如，如果我们调用whatever(a,b,c)函数的时候执行whatever(1)，则a会被赋值为1，而b和c则会被赋值为undefined。

　　所有的函数调用都会传递两个隐式参数：arguments和this。

　　所谓隐式，也就意味着这些参数不会显示列在函数签名里，但它们是默默地传递给函数并存在于函数作用域内。在函数内部，它们可以像其他显示命名的参数一样使用。

7.arguments与this

　　arguments：

　　　　arguments参数是传递给函数的所有参数的一个集合。该集合有一个length属性，其值是全部参数的个数，单个参数值可以像访问数组索引一样进行获取，例如：arguments[2]则表示获取第三个参数。但是不要将arguments参数作为数组进行调用。它只是一个类数组结构。

　　this：

　　一个函数被调用时，除了传入函数的显示参数外，名为this的隐式参数也被传入了函数。this参数引用了与该函数调用进行隐式关联的一个对象，被称之为函数上下文。JavaScript中的this依赖于函数的调用方式。

8.不同调用方式

　　◆ 作为函数进行调用

　　这种方式通常发生在函数上使用()操作符进行调用的时候，应用了()操作符的表达式并没有将函数作为对象的一个属性。如：

function ninja(){};
ninja();

var samurai = function(){};
samurai();

　　以这种方式调用时，函数的上下文是全局上下文——window对象。

　　◆作为方法进行调用

　　当一个函数被赋值给对象的一个属性，并使用引用该函数的这个属性进行调用时，那么函数就是作为该对象的一个方法进行调用的。如：

var o = {};
o.whatever = function(){};
o.whatever();

　　一个方法所属的对象在该方法体内可以以this的形式进行引用。将函数作为对象的一个方法调用时，该对象就变成了函数上下文，并且在函数内部可以以this参数的形式进行访问。

　　与作为函数进行调用对比，"作为函数"进行调用所指的函数是定义在window上的，而且调用的时候不必再需要window的一个引用了。除了不再需要隐式的window引用外，这两种方式是一样的。

　　注意：函数的上下文随着调用方式的不同而改变，而不是取决于函数是怎样声明的。

　　◆作为构造器进行调用

　　将函数作为构造器进行调用它并没有什么特别的地方，构造器函数的声明和其他函数声明一样，不同的地方在于如何调用该函数。将函数作为构造器进行调用，我们要在函数调用前使用new关键字。如：

function creep(){ return this; }

　　如果我们要将creep()函数作为构造器进行调用，则要这样调用：

　　new creep();

　　但是，即便我们可以将creep()函数作为构造器进行调用，它也不是一个特别适合作为构造器进行调用的函数。

　　将函数作为构造器进行调用，是JavaScript的一个超级特性，因为构造器调用时，如下特殊行为就会发生。

　　　　● 创建一个新的空对象。

　　　　● 传递给构造器的对象是this参数，从而成为构造器的函数上下文。

　　　　● 如果没有显式的返回值，新创建的对象则作为构造器的返回值进行返回。

　　构造器的目的是要创建一个新对象并对其进行设置，然后将其作为构造器的返回值返回，任何干扰这种意图的都不适合作为构造器。

　　◆使用apply()和call()方法进行调用

　　在函数调用的时候，JavaScript为我们提供了一种方式，可以显式指定任何一个对象作为其函数上下文。JavaScript的每个函数都有apply()和call()方法，使用任何其中一个方法，我们都可以实现这种功能。

　　通过函数的apply()方法来调用函数，我们要给apply()传入两个参数：一个是作为函数上下文的对象，另一个是作为函数参数所组成的数组。call()方法的使用方式类似，唯一不同的是，给函数传入的参数是一个参数列表而不是单个数组。如：

function juggle(){
    var result = 0;
    for(var n = 0; n < arguments.length; n++){
        result += arguments[n];
    }
    this.result = result;
}

var ninja1 = {};
var ninja2 = {};

juggle.apply(ninja1,[1,2,3,4]);
juggle.call(ninja2,5,6,7,8);