JS Обьект /Objects/

JavaScript-д хувьсагч нь өгөгдлийн утгыг хадгалах сав гэдгийг бид өмнөх хичээлээс мэдэж авсан.

Доорх кодод car гэсэн хувьсагчид (pickup) гэсэн энгийн утга олгож байна

var car = "Pickup";

Объект нь мөн адил хувьсагч бөгөөд, энгийн хувьсагчаас ялгаатай нь олон тооны утгыг хувьсагчид олгож чадна.

Javascript-д объект нь {key: value, key: value, ... } бүтэцтэй бичигддэг. (эхний key: value оруулаад таслалаар тусгаарлаж дараагийн key: value оруулна.)

var car = {type:"Pickup", model:"55", color:"red"};

Объект тодорхойлох /Үүсгэх/

JavaScript объектыг тодорхойлох буюу үүсгэхэд шууд шугаман хэлбэртэй байж болно.

var car = {type:"Pickup", model:"55", color:"red"};

Эсвэл ийм байж болно.

var car = {
type:"Pickup", 
model:"55", 
color:"red"
};

Объектын шинж чанар

Объектын key:value хослолыг шинж чанар гэж нэрлэдэг.

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

Объектын шинж чанарт хандах хоёр арга байдаг.

objectName.keyName

Эсвэл

objectName["keyName"]

car.color;

car["color"];

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

Объектууд нь method буюу аргуудтай байж болно. Объектод гүйцэтгэх боломжтой үйлдлийг арга гэж ойлгох бөгөөд функцийг тодорхойлолт болгон шинж чанарт хадгалах боломжтой.

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

Объектууд нь method буюу аргуудтай байж болно. Объектод гүйцэтгэх боломжтой үйлдийг арга гэж ойлгох бөгөөд функцийг тодорхойлолт болгон шинж чанарт хадгалах боломжтой.

var hun = {
  ovog: "Дорж",
  ner: "Болд",
  nas: 20,
  huis: "эр",
  ovogNer : function() {
    return this.ovog + " " + this.ner;
  }
};

// Обьектын функцэд хандаж байна.
document.getElementById("test").innerHTML = "Овог нэр: " + hun.ovogNer();

This түлхүүр үг

Функцийн тодорхойлолтод This түлхүүр үг нь тухайн функцийн эзэмшигчийг хэлдэг.

Дээрх жишээнд hun объектын ovogNer шинж чанарт функц агуулагдаж байгаа болохоор эзэмшигч нь hun объект юм.

Өөрөөр хэлбэл this.ovog гэдэг нь объектын ovog шинж чанарыг илэрхийлнэ.

This түлхүүр үгийн талаар дараагийн хичээлээр дэлгэрэнгүй үзэх болно.

Объектын арга буюу Method-д хандах

Объектын арга буюу Method-д хандах бичиглэл.

objectName.methodName()

hun.ovogNer();

Эдгээр нь бүгд объект байна

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

var x = new String();        // x-г String объект гэж зарлав
var y = new Number();        // x-г Number объект гэж зарлав
var z = new Boolean();       // x-г Boolean объект гэж зарлав

Сэтгэгдэлүүд