美文网首页
ECMAScript函数

ECMAScript函数

作者: kissLife | 来源:发表于2016-05-07 16:30 被阅读39次

    函数简介

    如何返回值

    即使函数确实有返回值,也不必明确地声明它。只需要使用return运算符后跟要返回的值即可(因为JavaScript是弱类型语法,所以函数可以返回任何类型,使用var接收返回值)。如:

    function sum(iNum1, iNum2) {
      return iNum1 + iNum2;
    }
    

    把sum函数返回的值赋予一个变量:

    var iResult = sum(1,1);
    alert(iResult);                 // 输出 "2"
    

    如果函数无返回值,那么可以调用没有参数的 return 运算符,随时退出函数。

    function sayHi(sMessage) {
      if (sMessage == "bye") {
        return;                     // 强制退出函数
      }
    
      alert(sMessage);
    }
    

    注释:如果函数无明确的返回值,或调用了没有参数的 return 语句,那么它真正返回的值是 undefined
    <br />

    arguments对象

    在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。第一个参数位于位置 0,第二个参数位于位置 1,依此类推。
    因此,无需明确命名参数,就可以重写函数:

    function sayHi() {
      if (arguments[0] == "bye") {
        return;
      }
    
      alert(arguments[0]);
    }
    

    检测参数个数

    可以用 arguments 对象检测函数的参数个数,引用属性 arguments.length 即可。

    function howManyArgs() {
      alert(arguments.length);     // 输出参数的个数
    }
    
    howManyArgs("string", 45);     // 输出"2"
    howManyArgs();                 // 输出"0"
    howManyArgs(12);               // 输出"1"
    

    注释:与其他程序设计语言不同,ECMAScript不会验证传递给函数的参数个数是否等于函数定义的参数个数。开发者定义的函数都可以接受任意个数的参数(根据Netscape的文档,最多可接受25个),而不会引发任何错误。任何遗漏的参数都会以undefined传递给函数,多余的函数将忽略
    <br />

    模拟函数重载

    用 arguments 对象判断传递给函数的参数个数,即可模拟函数重载:

    function doAdd() {
      if(arguments.length == 1) {
        alert(arguments[0] + 5);
      } else if(arguments.length == 2) {
        alert(arguments[0] + arguments[1]);
      }
    }
    
    doAdd(10);      // 输出 "15"
    doAdd(40, 20);  // 输出 "60"
    

    虽然不如重载那么好,不过已足以避开 ECMAScript 的这种限制。
    <br />

    Function对象(类)

    ECMAScript 的函数实际上是功能完整的对象(类)。

    Function对象(类)

    用 Function 类直接创建函数的语法如下:

    var function_name = new function(arg1, arg2, ..., argN, function_body)
    

    记得下面这个函数吗?

    function sayHi(sName, sMessage) {
      alert("Hello " + sName + sMessage);
    }
    

    还可以这样定义它:

    var sayHi = 
    new Function("sName", "sMessage", "alert(\"Hello \" + sName + sMessage);");
    

    虽然由于字符串的关系,这种形式写起来有些困难,但有助于理解函数只不过是一种引用类型
    <br />
    还可以把函数作为参数传递给另一个函数:

    function callAnotherFunc(fnFunction, vArgument) {
      fnFunction(vArgument);
    }
    
    var doAdd = new Function("iNum", "alert(iNum + 10)");
    
    callAnotherFunc(doAdd, 10);     // 输出 "20"
    

    注意:尽管可以使用Function构造函数创建函数,但最好不要使用它,因为用它定义函数比用传统方式要慢得多。不过,所有函数都应看作Function类的实例。
    <br />

    Function对象的属性(length)

    ECMAScript定义的属性length声明了函数期望的参数个数。例如:

    function doAdd(iNum) {
      alert(iNum + 10);
    }
    
    function sayHi() {
      alert("Hi");
    }
    
    alert(doAdd.length);    // 输出 "1"
    alert(sayHi.length);    // 输出 "0"
    

    <br />

    Function对象的方法(toString, valueof)

    Function对象也有与所有对象共享的valueOf()方法和toString()方法。这两个方法返回的都是函数的源代码,在调试时尤其有用。例如:

    function doAdd(iNum) {
      alert(iNum + 10);
    }
    
    document.write(doAdd.toString());
    

    <br />

    闭包(closure)

    闭包,指的是词法表示包括不被计算的变量的函数,也就是说,函数可以使用函数之外定义的变量。

    简单闭包

    在ECMAScript中使用全局变量是一个简单的闭包实例。请思考下面这段代码:

    var sMessage = "hello world";
    
    function sayHelloWorld() {
      alert(sMessage);
    }
    
    sayHelloWorld();
    

    在上面这段代码中,脚本被载入内存后,并没有为函数sayHelloWorld()计算变量sMessage的值。该函数捕获sMessage的值只是为了以后的使用,也就是说,解释程序知道在调用该函数时要检查sMessage的值。sMessage将在函数调用sayHelloWorld()时(最后一行)被赋值,显示消息 "hello world"。
    <br />

    复杂闭包

    在一个函数中定义另一个会使闭包变得更加复杂。例如:

    var iBaseNum = 10;
    
    function addNum(iNum1, iNum2) {
      function doAdd() {
        return iNum1 + iNum2 + iBaseNum;
      }
      return doAdd();
    }
    

    这里,函数addNum()包括函数doAdd()(闭包)。内部函数是一个闭包,因为它将获取外部函数的参数iNum1和iNum2以及全局变量iBaseNum的值。 addNum()的最后一步调用了doAdd(),把两个参数和全局变量相加,并返回它们的和。
    提示:就像使用任何高级函数一样,使用闭包要小心,因为它们可能会变得非常复杂。
    <br />

    更多请参考:W3School

    相关文章

      网友评论

          本文标题:ECMAScript函数

          本文链接:https://www.haomeiwen.com/subject/ezxsrttx.html