Javascript Scope

4 min read

Scope determines the accessibility (visibility) of variables.

Хамрах хүрээ нь хувьсагчдын хүртээмж (харагдах байдал) -ийг тодорхойлдог.


JavaScript Function Scope #

JavaScript функцын хамрах хүрээ #

In JavaScript there are two types of scope:

JavaScript дээр хоёр төрлийн хамрах хүрээ байдаг:

  • Local scope
  • Global scope

JavaScript has function scope: Each function creates a new scope.

JavaScript нь функцийн хамрах хүрээтэй: Функц бүр шинэ хүрээ үүсгэдэг.

Scope determines the accessibility (visibility) of these variables.

Хамрах хүрээ нь эдгээр хувьсагчдын хүртээмж (харагдах байдал) -ийг тодорхойлдог.

Variables defined inside a function are not accessible (visible) from outside the function.

Функц дотор тодорхойлогдсон хувьсагчид функцийн гадна талаас нэвтрэх боломжгүй (харагдана).


Local JavaScript Variables #

Орон нутгийн JavaScript хувьсагчид #

Variables declared within a JavaScript function, become LOCAL to the function.

JavaScript функцэд зарлагдсан хувьсагчид тухайн функцэд доторхи болно.

Local variables have Function scope: They can only be accessed from within the function.

Орон нутгийн хувьсагчид Функцийн хамрах хүрээтэй: Тэдгээрийг зөвхөн функц дотроос л нэвтрэх боломжтой.

Example Жишээ #

// code here can NOT use carName function myFunction() { var carName = "Volvo"; // code here CAN use carName }

Since local variables are only recognized inside their functions, variables with the same name can be used in different functions.

Локал хувьсагчийг зөвхөн функц дотроос нь хүлээн зөвшөөрдөг тул ижил нэртэй хувьсагчуудыг өөр өөр функцэд ашиглаж болно.

Local variables are created when a function starts, and deleted when the function is completed.

Дотоод хувьсагчууд нь функц эхлэхэд үүсдэг бөгөөд функц дуусахад устгагдана.


Global JavaScript Variables #

Глобал JavaScript Хувьсагчууд #

A variable declared outside a function, becomes GLOBAL.

Функцийн гадна зарлагдсан хувьсагч GLOBAL болно.

A global variable has global scope: All scripts and functions on a web page can access it.

Глобал хувьсагч нь глобал хамрах хүрээ: Вэб хуудсан дээрх бүх скриптүүд болон функцууд түүнд нэвтрэх боломжтой.

Example Жишээ #

var carName = "Volvo"; // code here can use carName function myFunction() { // code here can also use carName }

JavaScript Variables #

JavaScript Хувьсагчууд #

In JavaScript, objects and functions are also variables.

JavaScript дээр объект, функцууд нь бас хувьсагч юм.

Scope determines the accessibility of variables, objects, and functions from different parts of the code.

Хамрах хүрээ нь кодын өөр хэсгүүдээс хувьсагч, объект, функцэд нэвтрэх боломжийг тодорхойлдог.


 

Automatically Global #

Автоматаар Глобал #

If you assign a value to a variable that has not been declared, it will automatically become a GLOBAL variable.

Хэрэв та зарлагдаагүй хувьсагчид утга өгвөл энэ нь автоматаар ГЛОБАЛ хувьсагч болно.

This code example will declare a global variable carName, even if the value is assigned inside a function.

Энэхүү кодын жишээ нь функц доторcarName  утга өгсөн ч гэсэн глобал хувьсагчийг зарлах болно.

Example Жишээ #

myFunction(); // code here can use carName function myFunction() { carName = "Volvo"; }

Strict Mode #

Хатуу горим #

All modern browsers support running JavaScript in “Strict Mode”.

Орчин үеийн бүх хөтөч нь JavaScript-ийг “Хатуу горим” дээр ажиллуулахыг дэмждэг.

You will learn more about how to use strict mode in a later chapter of this tutorial.

Хатуу горимыг хэрхэн ашиглах талаар энэ гарын авлагын дараагийн бүлгээс олж мэдэх болно.

In “Strict Mode”, undeclared variables are not automatically global.

“Хатуу горим” -д зарлагдаагүй хувьсагчид автоматаар дэлхийн хэмжээнд хамаарахгүй.


Global Variables in HTML #

HTML дэх дэлхийн хувьсагчид #

With JavaScript, the global scope is the complete JavaScript environment.

JavaScript-ийн тусламжтайгаар дэлхийн хамрах хүрээ нь JavaScript-ийн бүрэн орчин юм.

In HTML, the global scope is the window object. All global variables belong to the window object.

HTML дээр дэлхийн хамрах хүрээ нь цонхны объект юм. Бүх дэлхийн хувьсагчид цонхны объектод хамаарна.

Example Жишээ #

var carName = "Volvo"; // code here can use window.carName

Warning #

Анхааруулга #

Do NOT create global variables unless you intend to.

Хэрэв та хүсээгүй бол дэлхийн хувьсагчийг БҮҮ үүсгэж болохгүй.

Your global variables (or functions) can overwrite window variables (or functions).

Таны глобал хувьсагчууд (эсвэл функцууд) цонхны хувьсагчдыг (эсвэл функцуудыг) дарж бичих боломжтой.

Any function, including the window object, can overwrite your global variables and functions.

Аливаа функц, түүний дотор цонхны объект нь таны дэлхийн хувьсагч, функцийг дарж бичих боломжтой.


The Lifetime of JavaScript Variables #

Насан туршийн JavaScript Хувьсагчууд #

The lifetime of a JavaScript variable starts when it is declared.

JavaScript хувьсагчийн ашиглалтын хугацаа нь зарлагдсан үеэс эхэлдэг.

Local variables are deleted when the function is completed.

Функц дуусахад локал хувьсагчууд устгагдана.

In a web browser, global variables are deleted when you close the browser window (or tab).

Вэб хөтөч дээр браузерын цонхыг (эсвэл таб) хаахад дэлхийн хувьсагчууд устгагдана.


Function Arguments #

Чиг үүргийн аргументууд #

Function arguments (parameters) work as local variables inside functions.

Функцийн аргументууд (параметрүүд) нь функц доторх локал хувьсагч болж ажилладаг.

Powered by BetterDocs

Leave a Reply