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);
原文地址:https://www.cnblogs.com/koto/p/5758921.html