บทช่วยสอน JavaScript ยกตัวแปร ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ เริ่มต้น JavaScript จะไม่มีการปรับปรุง,ประกาศตัวแปรของคุณในหัว,

JavaScript ยกตัวแปร

JavaScript, ฟังก์ชั่นและการประกาศตัวแปรจะเพิ่มขึ้นไปด้านบนของฟังก์ชั่น

JavaScript, ตัวแปรสามารถประกาศหลังการใช้งานที่เป็นตัวแปรสามารถประกาศก่อนที่จะใช้งานครั้งแรก

สองตัวอย่างต่อไปจะได้รับผลเดียวกัน:

ตัวอย่างที่ 1

x = 5; // ตัวแปร x ถูกตั้งไว้ที่ 5

elem = document.getElementById ( "สาธิต") ; // หาองค์ประกอบ
elem.innerHTML = x; // X จะแสดงอยู่ในองค์ประกอบ

var x; // ประกาศ x

ลอง»

ตัวอย่างที่ 2

var x; // ประกาศ x
x = 5; // ตัวแปร x ถูกตั้งไว้ที่ 5

elem = document.getElementById ( "สาธิต") ; // หาองค์ประกอบ
elem.innerHTML = x; // X จะแสดงอยู่ในองค์ประกอบ

ลอง»

เพื่อให้เข้าใจถึงตัวอย่างข้างต้นคุณต้องเข้าใจ "ชู (ลิฟท์ตัวแปร)."

ลิฟท์การศึกษา: การประกาศฟังก์ชั่นและการประกาศตัวแปรจะเป็นล่ามอย่างเงียบ ๆ รับ "การเลื่อนตำแหน่ง" ที่ด้านบนของร่างกายวิธีการ


เริ่มต้น JavaScript จะไม่มีการปรับปรุง

JavaScript ประกาศตัวแปรเพียงจะเพิ่มขึ้นไม่ได้เริ่มต้น

ผลการค้นหาต่อไปนี้คือตัวอย่างที่สองไม่เหมือนกัน:

ตัวอย่างที่ 1

var x = 5; // เริ่มต้น X
var Y = 7; // เริ่มต้น Y

elem = document.getElementById ( "สาธิต") ; // หาองค์ประกอบ
elem.innerHTML = x + "" + Y ; // แสดง x และ y

ลอง»

ตัวอย่างที่ 2

var x = 5; // เริ่มต้น X

elem = document.getElementById ( "สาธิต") ; // หาองค์ประกอบ
elem.innerHTML = x + "" + Y ; // แสดง x และ y

var Y = 7; // เริ่มต้น Y

ลอง»

Y ตัวอย่างที่ 2คือการส่งออกที่ไม่ได้กำหนดนี้เป็นเพราะการประกาศตัวแปร (var y) ได้ดีขึ้น แต่การเริ่มต้น (y = 7) ไม่ได้เพิ่มขึ้นดังนั้นตัวแปร y เป็นตัวแปรที่ไม่ได้กำหนด

ตัวอย่างที่ 2 มีลักษณะคล้ายกับรหัสต่อไปนี้:

var x = 5; // 初始化 x
var y;     // 声明 y

elem = document.getElementById("demo"); // 查找元素
elem.innerHTML = x + " " + y;           // 显示 x 和 y

y = 7;    // 设置 y 为 7

ประกาศตัวแปรของคุณในหัว

สำหรับโปรแกรมเมอร์ส่วนใหญ่ไม่ทราบ JavaScript ยกตัวแปร

หากโปรแกรมเมอร์ไม่เข้าใจตัวแปรเพื่อเพิ่มขั้นตอนการเขียนของพวกเขามีแนวโน้มที่จะมีปัญหาบางอย่าง

เพื่อหลีกเลี่ยงปัญหาเหล่านี้เรามักจะประกาศตัวแปรเหล่านี้ก่อนที่จะเริ่มต้นของแต่ละขอบเขตนี้เป็นปกติ JavaScript ขั้นตอนการแยกและง่ายต่อการเข้าใจเรา

หมายเหตุ JavaScript อย่างเคร่งครัดโหมด (โหมดเข้มงวด) ไม่ได้รับอนุญาตให้ใช้ตัวแปรที่ไม่ได้ประกาศ
ในบทต่อไปเราจะได้เรียนรู้ที่จะ "โหมด (โหมดเข้มงวด) ที่เข้มงวด"
JavaScript ยกตัวแปร
10/30