Fungsi JavaScript

Fungsi JavaScript dirancang untuk melaksanakan blok kode yang menyelesaikan tugas khusus.

Fungsi JavaScript akan dijalankan saat disebutkan dalam kode lain.

实例

function myFunction(p1, p2) {
    return p1 * p2;              // Fungsi ini mengembalikan produk p1 dan p2
}

亲自试一试

Sintaksis fungsi JavaScript

Fungsi JavaScript melalui function didefinisikan dengan kata kunci, diikuti denganNama fungsidan kurung ()

Nama fungsi dapat mengandung huruf, angka, garis bawah, dan simbol dolar (aturan yang sama seperti nama variabel).

Kurung kurawal dapat memasukkan parameter yang dipisahkan dengan koma:

(Parameter 1, Parameter 2, ...)

Kode yang dijalankan oleh fungsi ditempatkan di dalam kurung kurawal:{}

function name(Parameter 1, Parameter 2, Parameter 3) {
    Kode yang akan dijalankan
}

Argumen fungsi (Function parameters)Adalah nama yang terdaftar dalam definisi fungsi.

Argumen fungsi (Function arguments)Adalah nilai yang disambut fungsi saat memanggil fungsi.Nilai。

Dalam fungsi, parameter adalah variabel lokal.

Dalam bahasa pemrograman lain, fungsi sebanding dengan program (Procedure) atau subprogram (Subroutine).

Pemanggilan fungsi

Kode di dalam fungsi akan dijalankan saat fungsi disebutkan dalam kode lain:

  • Pada peristiwa terjadi (pada saat pengguna menekan tombol)
  • 当 JavaScript 代码调用时
  • 自动的（自调用）

您将在本教程中学到更多有关函数调用的知识。

函数返回

当 JavaScript 到达 return 语句，函数将停止执行。

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

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

实例

计算两个数的乘积，并返回结果：

var x = myFunction(7, 8);        // 调用函数，返回值被赋值给 x
function myFunction(a, b) {
    return a * b;                // 函数返回 a 和 b 的乘积
}

x 的结果将是：

56

亲自试一试

为何使用函数？

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

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

实例

把华氏度转换为摄氏度：

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

亲自试一试

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

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

课外书

如需更多有关 Fungsi JavaScript的知识，请阅读 JavaScript 高级教程中的相关内容：

ECMAScript 函数概述
本节讲解函数的概念，ECMAScript 如何声明并调用函数，以及函数如何返回值。
ECMAScript arguments 对象
本节介绍了此对象的基本用法，然后讲解了如何使用 length 属性来测定函数的参数数目，以及模拟函数重载。
ECMAScript Function 对象（类）
本节讲解了如何使用 Function 类创建函数，然后介绍了 Function 对象的属性和方法。
ECMAScript 闭包（closure）
本节讲解了闭包（closure）的概念，并分别为您展示了简单和稍复杂的两个闭包实例。