View Categories

JavaScript Objects

4 min read

Real Life Objects, Properties, and Methods #

Бодит амьдралын объект, шинж чанар, арга зүй #

In real life, a car is an object.

Бодит амьдрал дээр автомашин бол объект юм.

A car has properties like weight and color, and methods like start and stop:

Машин нь жин, өнгө гэх мэт шинж чанартай бөгөөд эхлэх, зогсоох аргуудтай:

Object Properties Methods

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

All cars have the same properties, but the property values differ from car to car.

Бүх машинууд ижил шинж чанартай байдаг боловч үл хөдлөх хөрөнгийн утга нь өөр өөр машинд өөр өөр байдаг.

All cars have the same methods, but the methods are performed at different times.

Бүх машинууд ижил аргуудтай боловч аргуудыг өөр өөр цаг хугацаанд гүйцэтгэдэг.


JavaScript Objects #

You have already learned that JavaScript variables are containers for data values.

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

This code assigns a simple value (Fiat) to a variable named car:

Энэ код нь хувьсагч руу энгийн утга (Fiat) өгдөг:

var car = "Fiat";

Objects are variables too. But objects can contain many values.

Объект нь бас хувьсагч юм. Гэхдээ объектууд олон утгыг агуулж болно.

This code assigns many values (Fiat, 500, white) to a variable named car:

Энэ код нь автомашины нэртэй хувьсагчид олон утга (Fiat, 500, цагаан) өгдөг:

var car = {type:"Fiat", model:"500", color:"white"};

The values are written as name:value pairs (name and value separated by a colon).

Утга нэрийг бичнэ: утгын хос (нэр ба утга хоёр цэгээр тусгаарлагдсан).

JavaScript objects are containers for named values called properties or methods.

JavaScript объектууд нь шинж чанар эсвэл арга гэж нэрлэгдсэн утгуудад зориулсан контейнер юм.


 
 
 
 

Object Definition #

Обьектын тодорхойлолт #

You define (and create) a JavaScript object with an object literal:

Та JavaScript объектыг шууд утгаар нь тодорхойлж (үүсгэх):

Example Жишээ #

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Spaces and line breaks are not important. An object definition can span multiple lines:

Орон зай, мөр таслах нь чухал биш юм. Объектын тодорхойлолт нь олон мөрийг хамарч болно:

Example Жишээ #

var person = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" };

Object Properties #

The name:values pairs in JavaScript objects are called properties:

Нэр: JavaScript объект дахь утгын хосыг шинж чанар гэж нэрлэдэг:

Property Property Value
firstName John
lastName Doe
age 50
eyeColor blue

Accessing Object Properties #

Объектын шинж чанаруудад нэвтрэх #

You can access object properties in two ways:

Та объектын шинж чанарт хоёр аргаар хандаж болно:

objectName.propertyName

or

эсвэл

objectName["propertyName"]

Example1 #

Жишээ1 #

person.lastName;

Example2 #

Жишээ2 #

person["lastName"];

Object Methods #

Обьектын аргууд #

Objects can also have methods.

Объектууд бас аргуудтай байж болно.

Methods are actions that can be performed on objects.

Арга гэдэг нь объект дээр гүйцэтгэж болох үйлдлүүд юм.

Methods are stored in properties as function definitions.

Арга нь шинж чанарт функцийн тодорхойлолт хэлбэрээр хадгалагддаг.

Property Property Value
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {return this.firstName + ” ” + this.lastName;}

A method is a function stored as a property.

Арга бол өмч хэлбэрээр хадгалагдсан функцийг хэлнэ.


Example #

Жишээ #

var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + this.lastName; } };

The this Keyword #

Энэ түлхүүр үг #

In a function definition, this refers to the “owner” of the function.

Функцийн тодорхойлолтод энэ нь функцийн “эзэн” -ийг хэлнэ.

In the example above, this is the person object that “owns” the fullName function.

Дээрх жишээнд энэ нь fullName функцийг “эзэмшдэг” объект юм.

In other words, this.firstName means the firstName property of this object.

Өөрөөр хэлбэл this.firstName гэдэг нь энэ объектын firstName шинж чанарыг хэлнэ гэсэн үг юм.

Read more about the this keyword at JS this Keyword.

this түлхүүр үгийн талаар дэлгэрэнгүйг JS энэ түлхүүр үгээс уншина уу.


Accessing Object Methods #

Обьектын аргад нэвтрэх #

You access an object method with the following syntax:

Та дараахь синтакс бүхий объектын аргад хандах боломжтой:

objectName.methodName()

Example Жишээ #

name = person.fullName();

If you access a method without the () parentheses, it will return the function definition:

Хэрэв та () хаалтгүйгээр аргад хандах юм бол функцын тодорхойлолтыг буцааж өгөх болно.

Example Жишээ #

name = person.fullName;

Do Not Declare Strings, Numbers, and Booleans as Objects! #

When a JavaScript variable is declared with the keyword “new“, the variable is created as an object:

JavaScript хувьсагчийг “new” гэсэн түлхүүр үгээр зарлахад хувьсагч нь объект хэлбэрээр үүсгэгддэг.

var x = new String(); // Declares x as a String object var y = new Number(); // Declares y as a Number object var z = new Boolean(); // Declares z as a Boolean object

Avoid StringNumber, and Boolean objects. They complicate your code and slow down execution speed.

String, Number, Boolean объектоос зайлсхий. Эдгээр нь таны кодыг төвөгтэй болгож, гүйцэтгэлийн хурдыг удаашруулдаг.

You will learn more about objects later in this tutorial.

Та энэ гарын авлагын дараа объектуудын талаар илүү ихийг мэдэх болно.

Powered by BetterDocs

Leave a Reply