JavaScript Variables

9 min read

Агуулга

JavaScript variables are containers for storing data values.

JavaScript хувьсагчууд нь өгөгдлийн утгыг хадгалах сав юм.

In this example, x, y, and z, are variables, declared with the var keyword:

Энэ жишээнд x, y, z нь хувьсагчууд бөгөөд var гэсэн түлхүүр үгээр зарлав.

Example Жишээ #

var x = 5; var y = 6; var z = x + y;

From the example above, you can expect:

Дээрх жишээнээс та дараахь зүйлийг хүлээж болно.

  • x stores the value 5

    x нь 5 утгыг хадгалдаг

  • y stores the value 6

    y нь 6 утгыг хадгалдаг

  • z stores the value 11

    z нь 11 утгыг хадгалдаг

Using let and const (ES6) #

Before 2015, using the var keyword was the only way to declare a JavaScript variable.

2015 оноос өмнө var түлхүүр үгийг ашиглах нь JavaScript хувьсагчийг зарлах цорын ганц арга зам байв.

The 2015 version of JavaScript (ES6) allows the use of the const keyword to define a variable that cannot be reassigned, and the let keyword to define a variable with restricted scope.

2015 оны JavaScript хувилбар (ES6) нь const түлхүүр үгийг ашиглан дахин хуваарилах боломжгүй хувьсагчийг, let түлхүүр үг хязгаарлагдмал хүрээтэй хувьсагчийг тодорхойлох боломжийг олгодог.

Because it is a little complicated to describe the difference between these keywords, and because they are not supported in older browsers, the first part of this tutorial will most often use var.

Эдгээр түлхүүр үгсийн ялгааг тайлбарлах нь жаахан төвөгтэй байдаг тул хуучин хөтөч дээр дэмжигддэггүй тул энэ гарын авлагын эхний хэсэгт ихэвчлэн var ашиглагдах болно.

Safari 10 and Edge 14 were the first browsers to fully support ES6:

Safari 10 ба Edge 14 нь ES6-г бүрэн дэмжсэн анхны хөтчүүд байв:

Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55
Jan 2017 Aug 2016 Mar 2017 Jul 2016 Aug 2018

Much Like Algebra #

Алгебртэй адилхан #

In this example, price1, price2, and total, are variables:

Энэ жишээнд price1, price2 ба total нь хувьсагч юм.

Example Жишээ #

var price1 = 5; var price2 = 6; var total = price1 + price2;

In programming, just like in algebra, we use variables (like price1) to hold values.

Алгебрийн нэгэн адил програмчлахдаа бид утгыг барихын тулд хувьсагчдыг (price1 гэх мэт) ашигладаг.

In programming, just like in algebra, we use variables in expressions (total = price1 + price2).

Алгебрийн адил програмчлалд бид хувьсагчийг илэрхийлэлд ашигладаг (total = price1 + price2).

From the example above, you can calculate the total to be 11.

Дээрх жишээнээс та нийт дүнг 11 гэж тооцож болно.

JavaScript variables are containers for storing data values.

JavaScript хувьсагчууд нь өгөгдлийн утгыг хадгалах сав юм.

 

JavaScript Identifiers #

JavaScript танигч #

All JavaScript variables must be identified with unique names.

Бүх JavaScript хувьсагчдыг өвөрмөц нэрээр тодорхойлсон байх ёстой.

These unique names are called identifiers.

Эдгээр өвөрмөц нэрийг танигч гэж нэрлэдэг.

Identifiers can be short names (like x and y) or more descriptive names (age, sum, totalVolume).

Тодорхойлогч нь богино нэр (x ба y гэх мэт) эсвэл дүрслэх нэр (нас, нийлбэр, нийт Volume) байж болно.

The general rules for constructing names for variables (unique identifiers) are:

Хувьсах нэр (өвөрмөц танигч) байгуулах ерөнхий дүрмүүд нь:

  • Names can contain letters, digits, underscores, and dollar signs.

    Нэрэнд үсэг, цифр, доогуур зураас, долларын тэмдэг байж болно.

  • Names must begin with a letter

    Нэрсийг үсэгнээс эхлэх ёстой

  • Names can also begin with $ and _ (but we will not use it in this tutorial)

    Нэрийг $ ба _-ээр эхлүүлж болно (гэхдээ бид үүнийг энэ зааварт ашиглахгүй)

  • Names are case sensitive (y and Y are different variables)

    Нэр нь том үсгийн мэдрэмжтэй (y ба Y нь өөр хувьсагчууд)

  • Reserved words (like JavaScript keywords) cannot be used as names

    Нөөцөлсөн үгийг (JavaScript түлхүүр үг гэх мэт) нэр болгон ашиглах боломжгүй

JavaScript identifiers are case-sensitive.

JavaScript танигч нь жижиг үсгийн мэдрэмжтэй байдаг.

The Assignment Operator #

In JavaScript, the equal sign (=) is an “assignment” operator, not an “equal to” operator.

JavaScript дээр тэнцүү тэмдэг (=) нь “тэнцүү” оператор биш харин “хуваарилалт” оператор болно.

This is different from algebra. The following does not make sense in algebra:

Энэ нь алгебрээс ялгаатай юм. Алгебрийн хувьд дараахь зүйл утгагүй байна:

 
x = x + 5

In JavaScript, however, it makes perfect sense: it assigns the value of x + 5 to x.

Гэсэн хэдий ч JavaScript-д энэ нь төгс утга учиртай: x + 5-аас x хүртэлх утгыг өгдөг.

(It calculates the value of x + 5 and puts the result into x. The value of x is incremented by 5.)

(Энэ нь x + 5-ийн утгыг тооцоолж үр дүнг x-д оруулна. X-ийн утга 5-аар нэмэгдэнэ.)

The “equal to” operator is written like == in JavaScript.

“Тэнцүү” операторыг JavaScript дээр ==  шиг бичдэг.

JavaScript Data Types #

JavaScript өгөгдлийн төрөл #

JavaScript variables can hold numbers like 100 and text values like “John Doe”.

JavaScript хувьсагчууд нь 100, “John Doe” гэх мэт текстийн утгуудыг багтаах боломжтой.

In programming, text values are called text strings.

Програмчлахад текстийн утгыг текстийн мөр гэж нэрлэдэг.

JavaScript can handle many types of data, but for now, just think of numbers and strings.

JavaScript нь олон төрлийн өгөгдөлтэй ажиллах боломжтой боловч одоогоор тоо, мөрийг л бодоорой.

Strings are written inside double or single quotes. Numbers are written without quotes.

Мөрүүдийг давхар эсвэл ганц ишлэл дотор бичдэг. Тоонуудыг ишлэлгүйгээр бичдэг.

If you put a number in quotes, it will be treated as a text string.

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

Example Жишээ #

var pi = 3.14; var person = "John Doe"; var answer = 'Yes I am!';

Declaring (Creating) JavaScript Variables #

JavaScript хувьсагчдыг тунхаглах (үүсгэх) #

Creating a variable in JavaScript is called “declaring” a variable.

JavaScript дээр хувьсагч үүсгэхийг хувьсагчийг “тунхаглах” гэж нэрлэдэг.

You declare a JavaScript variable with the var keyword:

Та var түлхүүр үг бүхий JavaScript хувьсагчийг зарлаж байна.

var carName;

After the declaration, the variable has no value (technically it has the value of undefined).

Тунхагласны дараа хувьсагч нь ямар ч утгагүй болно (техникийн хувьд undefined утгатай).

To assign a value to the variable, use the equal sign:

Хувьсагчид утга өгөхдөө тэнцүү тэмдгийг ашиглана уу:

carName = "Volvo";

You can also assign a value to the variable when you declare it:

Та зарлахдаа хувьсагчид утга өгч болно:

var carName = "Volvo";

In the example below, we create a variable called carName and assign the value “Volvo” to it.

Доорх жишээнд бид carName нэртэй хувьсагч үүсгэж, түүнд “Volvo” утгыг оноож өгдөг.

Then we “output” the value inside an HTML paragraph with id=”demo”:

Дараа нь бид HTML догол мөр доторх утгыг id = “demo” -той “гаргана”:

Example Жишээ #

<p id="demo"></p> <script> var carName = "Volvo"; document.getElementById("demo").innerHTML = carName; </script>

It’s a good programming practice to declare all variables at the beginning of a script.

Скриптийн эхэнд бүх хувьсагчийг зарлах нь програмчлалын сайн практик юм.

One Statement, Many Variables #

Нэг мэдэгдэл, олон хувьсагч #

You can declare many variables in one statement.

Та олон хувьсагчийг нэг мэдэгдэлд зарлаж болно.

Start the statement with var and separate the variables by comma:

Тайлбарыг var-ээр эхэлж, хувьсагчдыг таслалаар тусгаарлана уу:

var person = "John Doe", carName = "Volvo", price = 200;

A declaration can span multiple lines:

Тунхаглал нь олон мөрийг хамарч болно:

var person = "John Doe", carName = "Volvo", price = 200;

Value = undefined #

Утга = тодорхойгүй #

In computer programs, variables are often declared without a value. The value can be something that has to be calculated, or something that will be provided later, like user input.

Компьютерийн програмуудад хувьсагчдыг ихэвчлэн утгагүйгээр зарладаг. Утга нь тооцоолох ёстой зүйл эсвэл хэрэглэгчийн оролт гэх мэт дараа нь өгөх болно.

A variable declared without a value will have the value undefined.

Утгагүйгээр зарлагдсан хувьсагч нь undefined утгатай болно.

The variable carName will have the value undefined after the execution of this statement:

CarName хувьсагч нь энэ мэдэгдлийг гүйцэтгэсний дараа undefined утгатай болно.

Example Жишээ #

var carName;

Re-Declaring JavaScript Variables #

JavaScript-ийн хувьсагчдыг дахин мэдэгдэх #

If you re-declare a JavaScript variable, it will not lose its value.

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

The variable carName will still have the value “Volvo” after the execution of these statements:

carName хувьсагч нь эдгээр мэдэгдлийг гүйцэтгэсний дараа “Volvo” гэсэн утгатай хэвээр байх болно.

 

Example Жишээ #

var carName = "Volvo"; var carName;

JavaScript Arithmetic #

As with algebra, you can do arithmetic with JavaScript variables, using operators like = and +:

Алгебрийн нэгэн адил та JavaScript хувьсагчтай арифметикийг = ба + гэсэн операторуудыг ашиглан хийж болно.

Example Жишээ #

var x = 5 + 2 + 3;

You can also add strings, but strings will be concatenated:

Та мөн мөр нэмж болно, гэхдээ мөрүүдийг нэгтгэх болно:

Example Жишээ #

var x = "John" + " " + "Doe";

Also try this:

Үүнийг бас туршаад үзээрэй:

Example Жишээ #

var x = "5" + 2 + 3;

If you put a number in quotes, the rest of the numbers will be treated as strings, and concatenated.

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

Now try this:

Одоо үүнийг туршаад үзээрэй:

Example Жишээ #

var x = 2 + 3 + "5";

JavaScript Dollar Sign $ #

Remember that JavaScript identifiers (names) must begin with:

JavaScript танигч (нэр) дараахь байдлаар эхлэх ёстой гэдгийг санаарай.

  • A letter (A-Z or a-z)
  • A dollar sign ($)
  • Or an underscore (_)

Since JavaScript treats a dollar sign as a letter, identifiers containing $ are valid variable names:

JavaScript нь долларын тэмдгийг үсэг гэж үздэг тул $ агуулсан таних тэмдэг нь хүчинтэй хувьсагчийн нэр юм.

Example Жишээ #

var $$$ = "Hello World"; var $ = 2; var $myMoney = 5;

Using the dollar sign is not very common in JavaScript, but professional programmers often use it as an alias for the main function in a JavaScript library.

Долларын тэмдгийг ашиглах нь JavaScript-т тийм ч түгээмэл биш боловч мэргэжлийн програмистууд үүнийг ихэвчлэн JavaScript номын сангийн үндсэн функцэд зориулж хуурамч нэр болгон ашигладаг.

In the JavaScript library jQuery, for instance, the main function $ is used to select HTML elements. In jQuery $("p"); means “select all p elements”.

Жишээлбэл, JavaScript номын сангийн jQuery дээр $ үндсэн функцийг HTML элементүүдийг сонгоход ашигладаг. JQuery дээр $("p"); гэдэг нь “бүх p элементүүдийг сонгох” гэсэн үг юм.

JavaScript Underscore (_) #

JavaScript Доогуур зураас (_) #

Since JavaScript treats underscore as a letter, identifiers containing _ are valid variable names:

JavaScript нь доогуур зураасыг үсэг гэж үздэг тул _ агуулсан таних хүчинтэй хувьсагчийн нэр юм.

Example Жишээ #

var _lastName = "Johnson"; var _x = 2; var _100 = 5;

Using the underscore is not very common in JavaScript, but a convention among professional programmers is to use it as an alias for “private (hidden)” variables.

Доогуур зураасыг ашиглах нь JavaScript-т түгээмэл байдаггүй боловч мэргэжлийн програмистуудын дунд тогтсон жишиг бол үүнийг “хувийн (далд)” хувьсагчдын нэр болгон ашиглах явдал юм.

What are your Feelings

Powered by BetterDocs

Leave a Reply