JavaScript 函数

  • JavaScript函数

    JavaScript函数是用于执行特定任务的代码块。当“某事物”调用它时,执行的JavaScript代码。
    function myFunction(p1, p2) {
     return p1 * p2;   // 函数返回p1和p2的乘积
    }
    尝试一下
  • JavaScript函数语法

    使用function关键字定义JavaScript函数,后跟名称,后跟括号()。函数名称可以包含字母,数字,下划线和美元符号(与变量相同的规则)。括号可以包括以逗号分隔的参数名称:(参数1,参数2,...)函数执行的代码放在大括号内:{}
    function name(parameter1, parameter2, parameter3,......) {
     // code to be executed
    }
    
    函数参数列在函数定义中的括号()内。函数参数是函数在调用时接收的值。在函数内部,参数表现为局部变量。
    在其他编程语言中,函数与过程或子例程非常相似。
  • 函数调用

    当调用函数时,函数内部的代码将执行:
    • 发生事件时(例如用户单击按钮时)
    • 从JavaScript代码调用时
    • 自动(自我调用)
  • 为什么使用函数?

    您可以重用代码:定义代码一次,并多次使用它。您可以使用不同的参数多次使用相同的代码,以产生不同的结果。
    例如将华氏温度转换为摄氏温度:
    function toCelsius(fahrenheit) {
     return (5/9) * (fahrenheit-32);
    }
    document.getElementById("demo").innerHTML = toCelsius(77);
    尝试一下
  • ()运算符调用函数

    使用上面的示例,toCelsius引用函数对象,toCelsius()引用函数结果。访问函数时候只用名称没有括号将返回函数定义而不是函数结果:
    function toCelsius(fahrenheit) {
     return (5/9) * (fahrenheit-32);
    }
    document.getElementById("demo").innerHTML = toCelsius;
    尝试一下
  • 用作变量值的函数

    使用变量来存储函数的返回值:
    var x = toCelsius(77);
    var text = "The temperature is " + x + " Celsius";
    您可以直接使用该函数作为变量值:
    var text = "The temperature is " + toCelsius(77) + " Celsius";
    尝试一下
    您将在本教程后面学到更多关于函数的知识。
  • 局部变量

    在JavaScript函数中声明的变量,变为局部变量。只能从函数中访问局部变量。
    // 这里的代码不能使用carName
    
    function myFunction() {
     var carName = "Volvo";
     // 这里的代码可以使用carName
    }
    
    // 这里的代码不能使用carName
    尝试一下
    由于局部变量仅在其函数内部被识别,因此具有相同名称的变量可用于不同的函数。函数启动时会创建局部变量,并在函数完成时删除。