Latest web development tutorials
×

JavaScript หลักสูตร

JavaScript หลักสูตร JavaScript แนะนำโดยย่อ JavaScript การใช้ JavaScript ส่งออก JavaScript ไวยากรณ์ JavaScript งบ JavaScript หมายเหตุ JavaScript ตัวแปร JavaScript ชนิดข้อมูล JavaScript วัตถุ JavaScript ฟังก์ชัน JavaScript ขอบเขต JavaScript เหตุการณ์ JavaScript เชือก JavaScript ผู้ประกอบการ JavaScript เปรียบเทียบ JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript ประเภทการแปลง JavaScript นิพจน์ปกติ JavaScript ความผิดพลาด JavaScript แก้จุดบกพร่อง JavaScript ยกตัวแปร JavaScript โหมดที่เข้มงวด JavaScript ใช้ไม่เหมาะสม JavaScript รูปแบบการตรวจสอบสิทธิ์ JavaScript ลิขสิทธิ์คำสำคัญ JavaScript JSON JavaScript void JavaScript ข้อมูลจำเพาะรหัส

JS ฟังก์ชัน

JavaScript นิยามฟังก์ชัน JavaScript อาร์กิวเมนต์ของฟังก์ชัน JavaScript เรียกใช้ฟังก์ชัน JavaScript การปิด

JS HTML DOM

DOM แนะนำโดยย่อ DOM HTML DOM CSS DOM เหตุการณ์ DOM EventListener DOM ธาตุ

JS การสอนที่ทันสมัย

JavaScript วัตถุ JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp วัตถุ

JS เบราว์เซอร์ BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript ป๊อป JavaScript เหตุการณ์หมดเวลา JavaScript Cookies

JS โกดัง

JavaScript โกดัง JavaScript ทดสอบ jQuery JavaScript ทดสอบ Prototype

JS ตัวอย่าง

JavaScript ตัวอย่าง JavaScript ตัวอย่างวัตถุ JavaScript วัตถุเช่นเบราว์เซอร์ JavaScript HTML DOM ตัวอย่าง JavaScript ย่อ

JS คู่มืออ้างอิง

JavaScript วัตถุ HTML DOM วัตถุ

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 อย่างเคร่งครัดโหมด (โหมดเข้มงวด) ไม่ได้รับอนุญาตให้ใช้ตัวแปรที่ไม่ได้ประกาศ
ในบทต่อไปเราจะได้เรียนรู้ที่จะ "โหมด (โหมดเข้มงวด) ที่เข้มงวด"