JavaScript 函数

javascript 函数

javascript 函数是被设计为执行特定任务的代码块。

javascript 函数会在某代码调用它时被执行。

 

1. javascript 函数语法

javascript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。

函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。

圆括号可包括由逗号分隔的参数:

(参数 1, 参数 2, ...)

由函数执行的代码被放置在花括号中:{}

function name(参数 1, 参数 2, 参数 3) {
    要执行的代码
}

函数参数(function parameters)是在函数定义中所列的名称。

函数参数(function arguments)是当调用函数时由函数接收的真实的值。

在函数中,参数是局部变量。

在其他编程语言中,函数近似程序(procedure)或子程序(subroutine)。

范例

function myfunction(p1, p2) {
    // 该函数返回 p1 和 p2 的乘积
    return p1 * p2;  
}

 

2. 函数调用

函数中的代码将在其他代码调用该函数时执行:

  • 当事件发生时(当用户点击按钮时)
  • 当 javascript 代码调用时
  • 自动的(自调用)

 

3. 函数返回

当 javascript 到达 return 语句,函数将停止执行。

如果函数被某条语句调用,javascript 将在调用语句之后“返回”执行代码。

函数通常会计算出返回值,这个返回值会返回给调用者。

范例

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

// 调用函数,返回值被赋值给 x
var x = myfunction(7, 8); 

function myfunction(a, b) {
    // 函数返回 a 和 b 的乘积
    return a * b; 
}

x 的结果将是:

56

 

4. 为何使用函数?

您能够对代码进行复用:只要定义一次代码,就可以多次使用它。

您能够多次向同一函数传递不同的参数,以产生不同的结果。

范例

把华氏度转换为摄氏度:

function tocelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}

document.getelementbyid("demo").innerhtml = tocelsius(77);

 

5. () 运算符调用函数

使用上面的例子,tocelsius 引用的是函数对象,而 tocelsius() 引用的是函数结果。

范例

访问没有 () 的函数将返回函数定义:

function tocelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}

document.getelementbyid("demo").innerhtml = tocelsius;

 

6. 用作变量值的函数

函数的使用方法与变量一致,在所有类型的公式、赋值和计算中。

范例

使用变量来存储函数的值:

var x = tocelsius(77);
var text = "the temperature is " + x + " celsius";

您能够把函数当做变量值直接使用:

var text = "the temperature is " + tocelsius(77) + " celsius";

 

7. 局部变量

在 javascript 函数中声明的变量,会成为函数的局部变量。

局部变量只能在函数内访问。

范例

// 此处的代码不能使用 carname
function myfunction() {
    var carname = "volvo";
    // code here can use carname
}

// 此处的代码可以使用 carname

由于局部变量只能被其函数识别,因此可以在不同函数中使用相同名称的变量。

局部变量在函数开始时创建,在函数完成时被删除。

下一节:js 对象

js 教程

相关文章