• javascript 权威指南 第八章 函数


    函数的定义:定义一次但却可以调用多次或者执行多次的一段javascript代码

    本章重点就是 用户定义的javascript函数的定义和调用。

    8.1 javascript中定义和声明函数的方法有三种:正常方法 构造函数 函数直接量。

    <html>
    <head></head>
    <body>
    <script type="text/javascript">
    /*javascript定义函数(声明函数)可以有三种方法:正常方法、构造函数、函数直接量。*/
    /*1.正常方法 function(param){}*/
    function print(msg)
    {
    document.write(msg,"<br/>");
    }
    /*如果函数不包含return 语句,只执行函数体内语句,并返回undefined*/ 
    /*2.构造函数方法:new Function()*/
    var add1=new Function('a','b','return a+b');
    /*3.函数直接量法,创建未命名函数,*/
    var result = function(x,y){return x+y;};
    /*也可以指定函数名*/
    var result2 = function fact(x){if(x<1) return 1;else return x*fact(x-1)};
    document.write('调用一般的方法:');
    print("<hr/>");
    print('调用构造函数方法:add1(5,6)');
    print(add1(5,6));
    print("<hr/>");
    print("调用函数直接量法:result(3,4)");
    var re =result(3,4);
    print(re);
    print("调用函数直接量法:result2(3)");
    print(result2(3));
    print("<hr/>");
    print('函数作为数据使用');
    /*函数可以作为数据使用*/
    function add(x,y){return x+y;}
    function subtract(x,y){return x-y;}
    function multiply(x,y){return x*y;}
    function divide(x,y){return x/y;}
    function operate(operator,operand1,operand2)
    {
    return operator(operand1,operand2);
    }
    //计算(2+3) + (4*5)
    var i = operate(add,operate(add,2,3),operate(multiply,4,5));
    print('(2+3) + (4*5)='+i);
    print("<hr/>");
    //使用函数直接量
    var operators = new Object();
    operators['add'] = function(x,y){return x+y;}
    operators['substract'] = function(x,y){return x-y;}
    operators['multiply'] = function(x,y){return x*y;}
    operators['divide'] = function(x,y){return x/y;}
    operators['pow'] = Math.pow;
    function operate2(op_name,operand1,operand2)
    {
    if(operators[op_name] == null) return "unknown operator";
    else return operators[op_name](operand1,operand2);
    }
    //定义"hello" + "" + "world"
    var j = operate2("add","hello",operate2("add"," ","world"));
    var k = operate2("pow",10,2);
    print(j);
    print(k);
    print("<hr/>");
    </script>
    </body>
    </html> 
    运行结果为:
    调用一般的方法:
    --------------------------------------------------------------------------------
    调用构造函数方法:add1(5,6)
    11
    --------------------------------------------------------------------------------
    调用函数直接量法:result(3,4)
    7
    调用函数直接量法:result2(3)
    6
    --------------------------------------------------------------------------------
    函数作为数据使用
    (2+3) + (4*5)=25
    --------------------------------------------------------------------------------
    hello world
    100 

    8.2调用带参数的函数

    在调用函数时,您可以向其传递值,这些值被称为参数。

    这些参数可以在函数中使用。

    您可以发送任意多的参数,由逗号 (,) 分隔:

    myFunction(argument1,argument2)

    当您声明函数时,请把参数作为变量来声明:

    function myFunction(var1,var2)
    {
    这里是要执行的代码
    }

    变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。

    实例:

    <!DOCTYPE html>
    <html>
    <body>
    <p>点击这个按钮,来调用带参数的函数。</p>
    <button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
    <script>
    function myFunction(name,job)
    {
    alert("Welcome " + name + ", the " + job);
    }
    </script>
    </body>
    </html>

    上面的函数会当按钮被点击时提示 "Welcome Bill Gates, the CEO"。

    8.3带有返回值的函数

    有时,我们会希望函数将值返回调用它的地方。

    通过使用 return 语句就可以实现。

    在使用 return 语句时,函数会停止执行,并返回指定的值。

    语法:

    function myFunction()
    {
    var x=5;
    return x;
    }

    上面的函数会返回值 5。

    注释:整个 JavaScript 并不会停止执行,仅仅是函数。JavaScript 将继续执行代码,从调用函数的地方。

    函数调用将被返回值取代:

    var myVar=myFunction();

    myVar 变量的值是 5,也就是函数 "myFunction()" 所返回的值。

    即使不把它保存为变量,您也可以使用返回值:

    document.getElementById("demo").innerHTML=myFunction();

    "demo" 元素的 innerHTML 将成为 5,也就是函数 "myFunction()" 所返回的值。

    您可以使返回值基于传递到函数中的参数:

    实例

    计算两个数字的乘积,并返回结果:

    function myFunction(a,b)
    {
    return a*b;
    }
    document.getElementById("demo").innerHTML=myFunction(4,3);

    "demo" 元素的 innerHTML 将是:

    12

    在您仅仅希望退出函数时 ,也可使用 return 语句。返回值是可选的:

    function myFunction(a,b)
    {
    if (a>b)
      {
      return;
      }
    x=a+b
    }

    如果 a 大于 b,则上面的代码将退出函数,并不会计算 a 和 b 的总和。

    8.4 函数的属性和方法

    函数是javascript对象的一种特殊类型。即函数也是对象,那么,它就有属性和方法。接下来,看一些属性

    8.4.1 属性length

    函数的length属性,是只读属性,返回的是参数的数目。用来判断调用函数传来的参数数目是否和定义的参数长度相等。

    例子

    /*arguments数组是由另一个函数传递的。
      比较arguments。length属性和Function.length(通过arguments。callee.length访问)来判断传递给该函数的参数个数是否满足要求。如果不是,它将抛出一个异常.函数check()后是一个检测函数f(),它说明了如何使用check()函数
    */
     function check(args){
        var actual = args.length;
       var expected = args.callee.length;
    if(actual != expected){
       throw new Errow("wrong number of arguments:expected"+expected+"; actually passed "+ actual);
    }
    }
    
    function f(x,y,z){
      check(arguments);
    return x+y+z;
    }

    8.6.2 属性 prototype

    每个函数都有一个prototype属性,它引用的是预定义的原型对象。原型对象在使用new运算符把函数作为构造函数时起作用。

  • 相关阅读:
    表的设计
    改善C#公共程序类库质量的10种方法和工具
    模块化编程
    Linux centOS本地DNS安装
    C#多线程解决界面卡死问题
    图解JOIN
    轻量级前端MVVM框架avalon
    免费的Visual Studio的插件
    Composite C1是一个.Net平台上开源专业的CMS开源项目
    NDepend 3.0已与Visual Studio集成
  • 原文地址:https://www.cnblogs.com/huanhuan8808/p/3095702.html
Copyright © 2020-2023  润新知