- Real Life Objects, Properties, and Methods
- Бодит амьдралын объект, шинж чанар, арга зүй
- JavaScript Objects
- Object Definition
- Обьектын тодорхойлолт
- Object Properties
- Accessing Object Properties
- Объектын шинж чанаруудад нэвтрэх
- Object Methods
- Обьектын аргууд
- The this Keyword
- Энэ түлхүүр үг
- Accessing Object Methods
- Обьектын аргад нэвтрэх
- Do Not Declare Strings, Numbers, and Booleans as Objects!
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"]
person.lastName;
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.
Арга бол өмч хэлбэрээр хадгалагдсан функцийг хэлнэ.
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 String
, Number
, 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.
Та энэ гарын авлагын дараа объектуудын талаар илүү ихийг мэдэх болно.