ตัวแปร Var, Let และ Const จะใช้แบบไหน?

 ตัวแปร Var, Let และ Const จะใช้แบบไหน?

ในการเขียนโค้ด การประกาศตัวแปรถือว่าเป็นสิ่งแรกๆ ในการเริ่มต้นศึกษาภาษาต่างๆ ในภาษา “JavaScript” เราจะประกาศตัวแปรด้วย var ตามด้วย ชื่อตัวแปร แต่ Javascript ES6 ได้เพิ่มการประกาศตัวแปรแบบ let และ const เพิ่มขึ้นมา ซึ่งในบทความนี้จะแนะนำการประกาศตัวแปร  var, let และ const  เพื่อการนำไปใช้งานอย่างถูกต้อง

ที่มา : BorntoDev (29/08/2022)

 ภาพ: BorntoDev (29/08/2022)

ตัวแปร var

การประกาศค่าด้วย var นั้น จะเป็นแบบ function scope เมื่อประกาศตัวแปรแล้ว จะสามารถนำไปใช้ภายในฟังก์ชันนั้นได้ทั้งหมด

ภาพ: BorntoDev (29/08/2022)

ตัวแปร let

let เมื่อประกาศแล้วตัวแปรจะมีค่าอยู่แค่ภายใน block scope คือ แค่ภายในเครื่องหมาย { และ } ทำให้ไม่เกิดปัญหาการอ้างอิงตัวแปรเก่า เช่น การใช้ตัวแปรใน loop ต่างๆ ที่ต้องการประกาศค่าขึ้นมาใหม่

ภาพ: BorntoDev (29/08/2022)

ตัวแปร const 

ใช้สำหรับประกาศค่าตัวแปรที่ไม่ต้องการให้เปลี่ยนแปลงค่าได้ เพราะเมื่อประกาศค่าไปแล้วจะไม่สามารถแก้ไขค่านั้นซ้ำได้ โดย const นั้นทำงานภายใน block scope 

ภาพ: BorntoDev (29/08/2022)

สรุป ความต่างระหว่าง let กับ const คือ let เมื่อประกาศตัวแปรแล้ว สามารถเปลี่ยนแปลงค่าได้ เมื่อเรากำหนดค่าให้กับตัวแปรนั้นๆใหม่ แต่ถ้าเป็นตัวแปรชนิด const จะไม่สามารถ ประกาศค่าใหม่ให้กับตัวแปรนั้นได้ จึงเหมาะจะใช้สำหรับประกาศตัวแปรค่าคงที่เช่น ค่า PI เป็นตัน

          ดังนั้นในการเขียน Javascript ยุคใหม่จึงควรเลือกใช้ let หรือ const ก่อน ถ้าเราต้องการจะใช้ var เราก็ควรจะครอบด้วย Immediately-Invoked Function Expression(IIFE) ตาม Syntax ด้านล่าง

 (function(){

 ..... 

})(); 

เพื่อไม่ให้ ตัวแปรนั้นไปอยู่ใน window object ซึ่งอาจทำให้ตัวแปรนี้ไปชนกับ library หรือ ไฟล์อื่นๆ ที่ load เข้ามา

ที่มาครูสมชายคัดมาจาก : {getButton} $text={อ้างอิงที่มา} $icon={link} $color={red} 

>>>TRY TO CHECK OUT , IF ANY ERROR FOUND. PLEASE LET ME KNOW BY COMMENT.

I'LL TRY MY LEVEL BEST TO FIX THE PROBLEM.

                                                                THANKS FOR VISITING thumariya.blogspot

Have a nice day!

-------------------------- -------------------------

>>>ลองตรวจสอบหากพบข้อผิดพลาด โปรดแจ้งให้เราทราบโดยแสดงความคิดเห็น

ฉันจะพยายามระดับของฉันให้ดีที่สุดเพื่อแก้ไขปัญหา

ขอบคุณสำหรับการเยี่ยมชม thumariya.blogspot

ขอให้เป็นวันที่ดี!

-------------------------- -------------------------

{fullWidth}