上一节:
下一节:

  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
    尝试一下
    由于局部变量仅在其函数内部被识别，因此具有相同名称的变量可用于不同的函数。函数启动时会创建局部变量，并在函数完成时删除。
上一节:
下一节: