ฟังก์ชันจาวาสคริปต์

ตัวอย่าง

ประกาศฟังก์ชันที่ส่งออก "Hello World" เมื่อถูกเรียก:

// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}

// Call the function
myFunction();

ตัวอย่างเพิ่มเติมด้านล่าง

ความหมายและการใช้งาน

คำfunctionสั่งประกาศฟังก์ชัน

ฟังก์ชันที่ประกาศไว้คือ "บันทึกเพื่อใช้ในภายหลัง" และจะดำเนินการในภายหลัง เมื่อเรียกใช้ (เรียก)

ใน JavaScript ฟังก์ชันคืออ็อบเจ็กต์ และมีทั้งคุณสมบัติและเมธอด

ฟังก์ชันสามารถกำหนดได้โดยใช้นิพจน์ (ดู Function Definitions )

อ่านบทช่วยสอน JavaScript ของเราเพื่อเรียนรู้ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับฟังก์ชัน เริ่มด้วยบทแนะนำเกี่ยวกับ ฟังก์ชัน JavaScript และ ขอบเขต JavaScript สำหรับข้อมูลโดยละเอียดเพิ่มเติม โปรดดูที่ส่วนฟังก์ชันเกี่ยวกับ คำจำกัดความของ ฟังก์ชัน พารามิเตอร์การ เรียกใช้และ การ ปิด

ดูสิ่งนี้ด้วย:

คำสั่งส่งคืน

ไวยากรณ์

function functionName(parameters) {
code to be executed
}

พารามิเตอร์

Parameter	Description
functionName	Required. The name of the function. Naming rules: same as JavaScript variables.
parameters	Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to `undefined`.

ตัวอย่างเพิ่มเติม

ส่งกลับค่าของ PI:

function myFunction() {
return Math.PI;
}

ส่งคืนผลิตภัณฑ์ของ a และ b:

function myFunction(a, b) {
return a * b;
}

ฟังก์ชันที่มีอาร์กิวเมนต์ต่างกันสามารถให้ผลลัพธ์ที่แตกต่างกันได้

แปลงฟาเรนไฮต์เป็นเซลเซียส:

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

ฟังก์ชั่นสามารถใช้เป็นตัวแปรได้

แทน:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";

คุณสามารถใช้ได้:

text = "The temperature is " + toCelsius(32) + " Centigrade";

ฟังก์ชัน JavaScript มีอ็อบเจ็กต์ในตัวที่เรียกว่าอาร์กิวเมนต์

คุณสมบัติ arguments.length ส่งกลับจำนวนอาร์กิวเมนต์ที่ได้รับจากฟังก์ชัน:

function myFunction(a, b) {
return arguments.length;
}

คลิกเพื่อเรียกใช้ฟังก์ชันที่ส่งออก "Hello World":

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>

เมื่อนิพจน์ของฟังก์ชันถูกเก็บไว้ในตัวแปร ตัวแปรจะมีฟังก์ชันดังนี้

const x = function (a, b) {return a * b};

เมื่อฟังก์ชันถูกเก็บไว้ในตัวแปร ตัวแปรสามารถใช้เป็นฟังก์ชันได้:

const x = function (a, b) {return a * b};
let z = x(4, 3);