หลักการประกาศตัวแปรในภาษา Javascript

jQuery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , jQuery และ Ajax

Moderator: mindphp, ผู้ดูแลกระดาน

Buck Kittisak
PHP Hero Member
PHP Hero Member
โพสต์: 171
ลงทะเบียนเมื่อ: 07/05/2024 9:10 am

หลักการประกาศตัวแปรในภาษา Javascript

โพสต์ที่ยังไม่ได้อ่าน โดย Buck Kittisak »

สำหรับ JavaScript นั้นเป็นภาษาการเขียนโปรแกรมที่มีความยืดหยุ่นสูงและถูกใช้งานอย่างแพร่หลายในการพัฒนาเว็บ ทั้งในส่วนของฝั่งผู้ใช้ (client-side) และฝั่งเซิร์ฟเวอร์ (server-side) การประกาศตัวแปรเป็นหนึ่งในพื้นฐานที่สำคัญที่สุดในการเขียนโปรแกรมด้วย JavaScript เพราะตัวแปรเป็นหน่วยเก็บข้อมูลที่ใช้ในการจัดการและควบคุมข้อมูลต่าง ๆ โดยมีชนิดตัวแปร 3 ชนิดหลักๆ ดังนี้

1.Var
  • การประกาศตัวแปรด้วย var นั้นเป็นวิธีดั้งเดิมที่ใช้มาตั้งแต่การสร้างภาษา JavaScript ตัวแปรที่ประกาศด้วย var มีขอบเขตการมองเห็นในฟังก์ชัน (function scope) หรือขอบเขตสคริปต์ (global scope) และมีการยกตัวแปร (hosting) ทำให้ตัวแปรสามารถถูกใช้ได้ก่อนที่จะถูกประกาศในโค้ดของโปรเจคเรานั่นเอง
การประกาศตัวแปรด้วย var

โค้ด: เลือกทั้งหมด

var name = "John";
console.log(name); // John
  • ผลลัพธ์ที่ได้จะเป็นคำว่า John นั่นเอง
2.let
  • เป็นคีย์เวิร์ดที่ใช้ในการประกาศตัวแปรใน JavaScript ที่ให้ขอบเขตการมองเห็นในระดับบล็อก มีการยกตัวแปรแต่ไม่สามารถเข้าถึงได้ก่อนการประกาศ และไม่สามารถประกาศซ้ำในขอบเขตเดียวกันได้ การใช้ let ช่วยให้โค้ดมีความชัดเจนและลดข้อผิดพลาดจากการประกาศตัวแปรได้มากขึ้น
การประกาศตัวแปรด้วย let

โค้ด: เลือกทั้งหมด

let age = 25;
if (age > 20) {
    let adult = true;
    console.log(adult); // true
}
console.log(adult); // Error: adult is not defined
  • ผลลัพธ์ที่เราจะเห็นใน Console.log นั่นจะเป็นคำว่า
    true
    Uncaught ReferenceError: adult is not defined
3.const
  • เป็นคีย์เวิร์ดที่ใช้สำหรับการประกาศตัวแปรที่มีค่าคงที่ ซึ่งหมายความว่าค่าของตัวแปรที่ประกาศด้วย const จะไม่สามารถเปลี่ยนแปลงได้หลังจากที่ถูกกำหนดครั้งแรก นอกจากนี้ ตัวแปรที่ประกาศด้วย const ยังมีขอบเขตการมองเห็นอยู่ในบล็อก (block scope) เช่นเดียวกับ let อีกด้วยซึ่งช่วยให้การจัดการตัวแปรมีความชัดเจนและปลอดภัยมากขึ้นไปอีก
การประกาศตัวแปรด้วย const

โค้ด: เลือกทั้งหมด

const pi = 3.14;
console.log(pi); // 3.14

pi = 3.14159; // Error: Assignment to constant variable.
ผลลัพธ์จาก Console
ผลลัพธ์const.png
ผลลัพธ์const.png (18.38 KiB) Viewed 68 times
  • โดยเราจะเห็นข้อความ 3.14 พิมพ์ออกมาทางคอนโซลก่อน ตามด้วยข้อความแสดงข้อผิดพลาดที่ระบุว่าไม่สามารถเปลี่ยนค่าของตัวแปร pi ได้เพราะมันถูกประกาศเป็นค่าคงที่ด้วย const
การประกาศตัวแปรใน JavaScript เป็นพื้นฐานสำคัญในการเขียนโปรแกรม การเลือกใช้ตัวแปร var, let, และ const อย่างเหมาะสมจะช่วยให้โค้ดมีความปลอดภัย มีประสิทธิภาพในการทำงาน และง่ายต่อดูแลรักษาระบบ และความรู้ด้านความเข้าใจเกี่ยวกับขอบเขตการมองเห็น (scope) และการยกตัวแปร (hosting) จะช่วยให้เราสามารถเขียนโค้ดที่มีประสิทธิภาพและลดข้อผิดพลาดได้ง่ายขึ้นนั่นเอง

อ้างอิง
http://www.pantips.com/webthaidd/java/webthaidd_article_346_.html
https://marcuscode.com/lang/javascript/data-types
https://www.mindphp.com/บทเรียนออนไลน์/ ... cript.html
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 2