Hoisting در جاوا اسکریپت

 به نام خدا با عرض سلام و احترام خدمت شما دوستان عزیز.در ادامه آموزش جاوا اسکریت این جلسه قصد داریم به مبحث Hoisting در جاوا اسکریپت بپردازیم.با ما همراه باشید.

Hoisting چیست؟

توابعی که با استفاده از  تابع اعلان تعریف می شوند به طور خودکار بالا می روند.این بدان معناست که می توان آنها را قبل از اینکه تعریف کرد فراخوانی کرد.

به عنوان مثال:

// Calling function before declaration
sayHello(); // Outputs: Hello, I'm hoisted!

function sayHello() {
    alert("Hello, I'm hoisted!");
}

همانطور که می بینید، ما تابع  ()sayHello را قبل از تعریف آن فراخوانی کرده ایم، اما کد همچنان کار می کند.این به این دلیل است که تابع اعلان به طور خودکار در پشت صحنه به بالا می رود.

متغیر Hoisting

به طور مشابه، اعلان های متغیر نیز به طور خودکار در بالای محدوده فعلی خود قرار می گیرند.این بدان معنی است که اگر متغیر در داخل یک بلوک تابع ، اعلان شود،به بالای تابع منتقل می شود، اما اگر خارج از هر تابعی اعلان شود، به بالای اسکریپت منتقل شده و به صورت گلوبال در دسترس خواهد بود.

به عنوان مثال:

str = "Hello World!";
alert(str); // Outputs: Hello World!
var str;

با این حال، جاوا اسکریپت فقط اعلان هایی را بالا میبرد که  از قبل استفاده مقدار دهی شده باشند..یعنی اگر متغیری پس از استفاده از آن اعلان ، مقداردهی اولیه شود، مقدار آن  undefinedخواهد شد.

به عنوان مثال:

alert(str); // Outputs: undefined
var str;
str = "Hello World!";

var i = 1; // Declare and initialize i
alert(i + ", " + j); // Outputs: 1, undefined
var j = 2; // Declare and initialize j

var x = 5; // Declare and initialize x
var y; // Declare y
alert(x + ", " + y); // Outputs: 5, undefined
y = 10; // Initialize y

var a = 3; // Declare and initialize a
b = 6; // Initialize b
alert(a + ", " + b); // Outputs: 3, 6
var b; // Declare b

var u = 4; // Declare and initialize u
alert(u + ", " + v); // Outputs: 4, undefined
var v; // Declare v
v = 8; // Initialize v