เราควรใช้การยกใน Javascript เมื่อไรและที่ไหน

ฉันใหม่กับ Javascript ฉันเรียนรู้แนวคิดของการชักรอกใน Javascript
จากบทเรียนของ Javacsript ในเว็บไซต์Mozillaผมเจอคำhoistingนี้ ตามบทเรียนเหล่านั้นตัวแปรใน JavaScript คือการที่คุณสามารถอ้างถึงตัวแปรที่ประกาศในภายหลังโดยไม่ได้รับการยกเว้น แต่คำถามของฉันเกี่ยวกับสถานการณ์ที่เหมาะสมที่จะใช้การยกใน Javascript ฝั่งไคลเอ็นต์หรือทำไมเราควรใช้การยกใน Javascript ข้อดีของมันคืออะไร

ฉันไม่เคยได้ยินคำว่า "hoisting" มาใช้ หากคุณอ้างถึงการใช้งานของการชักรอกโดยเบ็นเชอร์รี่: http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.htmlจากนั้นจากสิ่งที่ฉันสามารถรวบรวมได้เขาก็แค่สะท้อน Douglas Crockford จากJavascript: The ส่วนที่ดีและบอกว่าคุณควรไม่เคย ใช้รอก การยืนยันของเขาในตอนท้ายคือตัวแปรทั้งหมดควรถูกประกาศที่ด้านบนสุดของฟังก์ชั่นของคุณ (ตามที่ Crockford และ JSLint แนะนำ)

หรือในคำพูดของนายคริสโตเฟอร์บราวน์มันไม่ได้เป็นคุณสมบัติที่ใช้งานได้แต่พูดถึงเรื่องที่เกี่ยวข้องกับวิธีที่เบราว์เซอร์ตีความจาวาสคริปต์

ดังนั้นในระยะสั้น: ไม่เคยและไม่มีที่ไหนเลย

Hoisting อธิบายคุณสมบัติของ Javascript ที่ตีความโดยเบราว์เซอร์และคุณลักษณะที่ใช้ไม่มาก

เมื่อตีความ Javascript เบราว์เซอร์จะวางขอบเขตตัวแปรระดับฟังก์ชั่นไว้ที่จุดเริ่มต้นของฟังก์ชัน ตัวอย่าง:

function AddTwoAndTwo() {
    var two = 2;
    var result = two + two;
    return result;
}

ในโค้ดที่โพสต์ตัวแปรทั้งสอง "สอง" และ "ผลลัพธ์" มีอยู่ที่จุดเริ่มต้นของขอบเขตฟังก์ชัน (เห็นได้ชัดว่ามีการประกาศไว้ที่นั่น) อย่างไรก็ตามเนื่องจากเบราว์เซอร์ "ยก" ตัวแปรดังต่อไปนี้จะกลายเป็นรหัสจาวาสคริปต์ตามกฎหมาย .

function AddTwoAndTwo() {
    result = 5;
    alert(result);
    var two = 2;
    var result = two + two;
    return result;
}

ผลกระทบสุทธิที่นี่คือคุณมีตัวแปรที่ใช้งานก่อนที่คุณจะประกาศพวกเขาและที่อาจทำให้เกิดความสับสนโดยเฉพาะอย่างยิ่งกับตัวแปรขอบเขตทั่วโลก ตัวอย่าง:

var result = 6;

function AddTwoAndTwo() {
    alert(result);  // should this be 6 or undefined?
    var two = 2;
    var result = two + two;
    return result;
}

เพื่อหลีกเลี่ยงความสับสนให้ประกาศตัวแปรของคุณที่ด้านบนของฟังก์ชั่น

ทำไม?

JavaScript ไม่มีขอบเขตการบล็อกซึ่งควรอธิบายว่าทำไมสิ่งต่าง ๆ จึงควรยกขึ้นไปด้านบน

มันมีประโยชน์หรือไม่

หากคุณต้องการสิ่งนี้:

var someVariable = someVariable || {};

แทนสิ่งนี้:

if ( "undefined" !== typeof someVariable ) {
    someVariable = someVariable;
} else {
    someVariable = {};
}

แล้วมันมีประโยชน์ แม้ว่าคุณจะไม่สังเกตเห็นก็ตาม!

ชี้แจง

ตัวอย่างแรกจะแปลเป็นดังนี้:

var someVariable = someVariableValue;

if ( "undefined" !== typeof someVariable ) {
    var someVariableValue = someVariable;
} else {
    var someVariableValue = {};
}