zoukankan      html  css  js  c++  java
  • 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);
  • 相关阅读:
    linux下shell显示-bash-4.1#不显示路径解决方法
    node 封装db层
    json结构更改的方法 把date有数据的分类
    webpack.config.js
    SQLSERVER 跨服 跨库
    sqlserver2005重新安装(安装汇编错误,安装程序无法连接到数据库服务进行服务配置)
    delete语句与reference约束 FK_subplan_job_id冲突问题,导致job无法删除解决办法
    删除作业计划出错(DELETE语句与 REFERENCE约束"FK_subplan_job_id"冲突。)
    jquery判断checked的三种方法
    SQLSERVER和sybase的差异
  • 原文地址:https://www.cnblogs.com/koto/p/5758921.html
Copyright © 2011-2022 走看看