การประกาศฟังก์ชัน JavaScript

การประกาศและการใช้งาน

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

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

ใน JavaScript ฟังก์ชันเป็นอ็อบเจกที่มีนามสัญลักษณ์และวิธี

ยังสามารถประกาศฟังก์ชันด้วยรูปแบบแสดงความ (ดูฟังก์ชันประกาศ)

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

คำแนะนำ：ใช้คำสั่ง return ในการกลับค่าจากฟังก์ชัน

ตัวอย่าง

ประกาศฟังก์ชันและออกที่อิเลเมนต์ที่มี id="demo" ด้วยข้อความ "Hello World"

function myFunction() { // ประกาศฟังก์ชัน
  document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // เรียกฟังก์ชัน

ทดลองด้วยตัวเอง

มีตัวอย่าง TIY มากมายที่ด้านล่างของหน้า

กฎเขียน

function functionName(parameters) {
  code to be executed
}

ค่าตัวแปร

ตัวแปร รายละเอียด
functionName จำเป็น กำหนดชื่อฟังก์ชัน และสามารถ "บันทึกเก็บไว้ใช้ในภายหลัง" ชื่อฟังก์ชันสามารถมีอักษร ตัวเลข ลูกศรอักษรภาษาอังกฤษ และสัญลักษณ์เงิน (ตามกฎของตัวแปร)
parameters

ตัวแปรที่เป็นที่เลือก ระบุชื่อของตัวแปรหลายตัวที่มีหรือไม่มี แบ่งด้วยความหมายเหตุ。

ตัวแปรของฟังก์ชันเป็นชื่อที่ของฟังก์ชันระบุในการประกาศฟังก์ชัน。

ตัวแปรของฟังก์ชันเป็นค่าที่ฟังก์ชันได้รับเมื่อเรียกใช้ ในภายในฟังก์ชัน ตัวแปรใช้เป็นตัวแปรท้องที่。

หมายเหตุ：ถ้ามีการเรียกฟังก์ชันแต่ไม่มีตัวแปรพารามิเตอร์ ค่าของตัวแปรที่ขาดจะถูกตั้งเป็น undefined。

รายละเอียดเทคโนโลยี

รุ่น JavaScript: ECMAScript 1

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

ตัวอย่าง

กลับค่า 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

arguments.length นามสระมีความหมายว่าจำนวนของอุปกรณ์ที่รับได้เมื่อเรียกฟังก์ชัน:

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

ทดลองด้วยตัวเอง

ตัวอย่าง

เมื่อกดทับปุ่ม จะเรียกฟังก์ชัน ซึ่งจะแสดง "Hello World" ในองค์ประกอบที่มี id="demo":

<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

ทดลองด้วยตัวเอง

ตัวอย่าง

ฟังก์ชัน JavaScript ก็สามารถใช้งานด้วยการแสดง

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

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

ทดลองด้วยตัวเอง

ตัวอย่าง

หลังจากเก็บฟังก์ชันแสดงที่ตัวแปร ตัวแปรนี้สามารถใช้เป็นฟังก์ชัน:

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

ทดลองด้วยตัวเอง

การสนับสนุนโปรแกรมบราวเซอร์

คำสั่ง Chrome IE Firefox Safari Opera
function สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

หน้าที่เกี่ยวข้อง

JavaScript คู่มือการเรียนรู้：JavaScript ฟังก์ชัน

JavaScript คู่มือการเรียนรู้：JavaScript สเปลซ

JavaScript คู่มือการเรียนรู้：JavaScript การเขียนฟังก์ชัน

JavaScript คู่มือการเรียนรู้：JavaScript พาเมอร์ฟังก์ชัน

JavaScript คู่มือการเรียนรู้：JavaScript การเรียกใช้ฟังก์ชัน

JavaScript คู่มือการเรียนรู้：JavaScript ฟังก์ชันบล็อค

JavaScript คู่มืออ้างอิง：JavaScript คำสั่ง return