แบบง่ายๆ ดูธรรมดามากมันเกือบจะปลอบโยน:
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
อย่างไรก็ตามจะเกิดอะไรขึ้นถ้าฉันรวมไลบรารีจาวาสคริปต์ที่มีประโยชน์จริงๆไว้ในหน้าของฉันซึ่งแปลอักขระขั้นสูงเป็นตัวแทนระดับพื้นฐาน
รออะไร?
ฉันหมายถึงถ้ามีคนพิมพ์อักขระด้วยสำเนียงบางอย่าง แต่ฉันต้องการตัวอักษร AZ ในภาษาของฉัน ดี ... ตัวอักษร 'ñ' สเปนและฝรั่งเศส 'é' สามารถแปลเป็นตัวละครฐานของ 'n' และ 'e'
ดังนั้นใครบางคนที่เป็นคนดีได้เขียนตัวแปลงอักขระที่ครอบคลุมออกไปซึ่งฉันสามารถรวมไว้ในเว็บไซต์ของฉัน ... ฉันรวมมันไว้ด้วย
ปัญหาหนึ่ง: มันมีฟังก์ชั่นในนั้นเรียกว่า 'ชื่อ' เหมือนกับฟังก์ชั่นของฉัน
นี่คือสิ่งที่เรียกว่าการปะทะกัน เรามีฟังก์ชั่นสองประกาศในขอบเขตเดียวกันที่มีชื่อเดียวกัน เราต้องการหลีกเลี่ยงสิ่งนี้
ดังนั้นเราจำเป็นต้องกำหนดขอบเขตโค้ดของเราอย่างใด
วิธีเดียวในการกำหนดขอบเขตโค้ดใน javascript คือการล้อมในฟังก์ชัน:
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
นั่นอาจช่วยแก้ปัญหาของเราได้ ตอนนี้ทุกอย่างถูกล้อมรอบและสามารถเข้าถึงได้จากภายในวงเล็บปีกกาเปิดและปิดของเราเท่านั้น
เรามีฟังก์ชั่นในฟังก์ชั่น ... ซึ่งเป็นเรื่องแปลกที่จะมอง แต่ตามกฎหมายโดยสิ้นเชิง
ปัญหาเดียวเท่านั้น รหัสของเราไม่ทำงาน ตัวแปรชื่อผู้ใช้ของเราไม่เคยสะท้อนลงในคอนโซล!
เราสามารถแก้ปัญหานี้ได้โดยเพิ่มการเรียกไปยังฟังก์ชั่นของเราหลังจากการบล็อกรหัสที่มีอยู่ของเรา ...
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
main();
หรือก่อน!
main();
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
ข้อกังวลลำดับที่สอง: โอกาสที่ชื่อ 'main' ยังไม่ได้ถูกใช้มีอะไรบ้าง ... ช่างผอมแห้งเหลือเกิน
เราต้องการการกำหนดขอบเขตเพิ่มเติม และวิธีการใช้งานฟังก์ชั่น main () ของเราโดยอัตโนมัติ
ตอนนี้เรามาถึงฟังก์ชั่น auto-execution (หรือ self-executeing, self-running, what)
((){})();
ไวยากรณ์ผิดพลาด อย่างไรก็ตามมันใช้งานได้
เมื่อคุณตัดนิยามฟังก์ชันในวงเล็บและรวมถึงรายการพารามิเตอร์ (ชุดหรือวงเล็บอีก!) จะทำหน้าที่เป็นฟังก์ชั่นการโทร
ดังนั้นให้ดูที่รหัสของเราอีกครั้งโดยใช้ไวยากรณ์ดำเนินการด้วยตนเอง:
(function main() {
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
)();
ดังนั้นในแบบฝึกหัดส่วนใหญ่ที่คุณอ่านตอนนี้คุณจะถูกกระหน่ำยิงด้วยคำว่า
หลังจากการพัฒนาอย่างมืออาชีพมาหลายปีฉันขอแนะนำให้คุณตั้งชื่อทุกฟังก์ชั่นที่คุณเขียนเพื่อการดีบั๊ก
เมื่อมีบางอย่างผิดปกติ (และจะเกิดขึ้น) คุณจะตรวจสอบ backtrace ในเบราว์เซอร์ของคุณ มันเป็นเสมอง่ายขึ้นเพื่อทำการประเด็นรหัสของคุณเมื่อรายการในกองติดตามที่มีชื่อ!
ยืดยาวและหวังว่ามันจะช่วยได้!