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

محدوده متغیرها در جاوا اسکریپت

محدوده اشاره به در دسترس بودن متغیرها و توابع در بخش های خاصی از کد می باشد.

در جاوا اسکریپت یک متغیر دارای دو نوع دامنه میباشد:

1. دامنه سراسری ( global scope)
2. دامنه محلی (local scope)

دامنه سراسری (Global Scope)

متغیری که در بالای یک برنامه یا خارج از یک تابع اعلان شده است، یک متغیر با دامنه سراسری در نظر گرفته می شود.

بیایید نمونه ای از یک متغیر سراسری را ببینیم.

// program to print a text 
let a = "hello";

function greet () {
    console.log(a);
}

greet(); // hello

در برنامه فوق، متغیر a در بالای یک برنامه اعلان شده و یک متغیر سراسری است. یعنی متغیر a را می توان در هر جایی از برنامه استفاده کرد.

مقدار یک متغیر سراسری را می توان در داخل یک تابع تغییر داد. مثلا:

// program to show the change in global variable
let a = "hello";

function greet() {
    a = 3;
}

// before the function call
console.log(a);

//after the function call
greet();
console.log(a); // 3

در برنامه فوق، متغیر a یک متغیر سراسری است. که مقدار ان ” hello ” میباشد. که از طریق تابع ()greet  به متغیر a دسترسی پیدا کرده و مقدار آن را به 3 تغییر می هد. از این رو، مقدار a پس از تغییر آن در داخل تابع تغییر می کند.

function greet() {
    a = "hello"
}

greet();

console.log(a); // hello

// program showing local scope of a variable
let a = "hello";

function greet() {
    let b = "World"
    console.log(a + b);
}

greet();
console.log(a + b); // error

helloWorld
Uncaught ReferenceError: b is not defined

 let یک Block Scoped

کلمه کلیدی let دارای محدوده بلوکی است (متغیر فقط در بلوک جاری قابل دسترسی است).

مثال 2: متغیر با محدوده بلوکی

// program showing block-scoped concept
// global variable
let a = 'Hello';

function greet() {

    // local variable
    let b = 'World';

    console.log(a + ' ' + b);

    if (b == 'World') {

        // block-scoped variable
        let c = 'hello';

        console.log(a + ' ' + b + ' ' + c);
    }

    // variable c cannot be accessed here
    console.log(a + ' ' + b + ' ' + c);
}

greet();

Hello World
Hello World hello
Uncaught ReferenceError: c is not defined

• a یک متغیر سراسری است. در هر جایی از برنامه قابل دسترسی است.
• b یک متغیر محلی است. فقط در داخل تابع greet قابل دسترسی است.
• c یک متغیر با محدوده بلوک است. فقط در داخل بلوک دستور if قابل دسترسی است.

از این رو، در برنامه فوق، دو () console.log اول بدون هیچ مشکلی کار می کنند.