JavaScript Objects
လက်တွေ့ဘဝတွင် အရာဝတ္ထုများ၊ ပိုင်ဆိုင်မှုများနှင့် နည်းလမ်းများ
လက်တွေ့ဘဝတွင် ကားသည် အရာဝတ္ထုတစ်ခုဖြစ်သည် ။
ကားတစ်စီးတွင် အလေးချိန်နှင့် အရောင်ကဲ့သို့ ဂုဏ်သတ္တိများ ရှိပြီး စတင်ခြင်းနှင့် ရပ်ခြင်းကဲ့သို့သော နည်းလမ်းများ
| အရာဝတ္ထု | သတ္တိ | နည်းလမ်းများ |
|---|---|---|
|
car.name = Fiat car.model = 500 car.weight = 850kg car.color = အဖြူရောင် |
car.start() car.drive() car.brake() car.stop() |
ကားအားလုံးတွင် တူညီသော ဂုဏ်သတ္တိများ ရှိသော်လည်း ပိုင်ဆိုင်မှု တန်ဖိုး များသည် ကားတစ်ခုနှင့်တစ်ခု မတူညီပါ။
ကားအားလုံးတွင် တူညီသော နည်းလမ်းများ ရှိသော်လည်း နည်းလမ်းများ မှာ မတူညီသော အချိန်များတွင် လုပ်ဆောင် ကြသည်။
JavaScript Objects
JavaScript variable များသည် ဒေတာတန်ဖိုးများအတွက် ကွန်တိန်နာများဖြစ်ကြောင်း သင်သိရှိထားပြီးဖြစ်သည်။
ဤကုဒ်သည် ရိုးရှင်းသောတန်ဖိုး (Fiat) ကို ကားဟုအမည်ပေးထားသော ပြောင်းလဲနိုင်သော ပြောင်းလဲနိုင်သော တန်ဖိုးတစ်ခုအား သတ်မှတ်ပေးသည်-
let car = "Fiat";
Object များသည် variable များဖြစ်သည်။ သို့သော် အရာဝတ္ထုများတွင် တန်ဖိုးများစွာ ပါဝင်နိုင်သည်။
ဤကုဒ်သည် တန်ဖိုးများစွာ (Fiat၊ 500၊ အဖြူရောင်) ကို ကားဟု အမည်ပေးထား သည့် ပြောင်းလဲနိုင်သော ပုံစံတစ်ခုသို့ သတ်မှတ်ပေးသည်-
const car = {type:"Fiat", model:"500", color:"white"};
တန်ဖိုးများကို အမည်-တန်ဖိုး အတွဲများ (အမည်နှင့် တန်ဖိုးများကို ကော်လံတစ်ခုဖြင့် ပိုင်းခြားထားသည်)။
const keyword ဖြင့် အရာဝတ္တုများကိုကြေငြာခြင်းသည် သာမာန်အလေ့အကျင့်တစ်ခုဖြစ်သည် ။
အခန်းရှိ အရာဝတ္ထုများနှင့် const အသုံးပြုခြင်းအကြောင်း ပိုမိုလေ့လာပါ - JS Const .
Object အဓိပ္ပါယ်
သင်သည် စာသားအတိုင်း အရာဝတ္ထုတစ်ခုဖြင့် JavaScript အရာဝတ္ထုတစ်ခုကို သတ်မှတ် (ဖန်တီး) သည်-
ဥပမာ
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
နေရာလွတ်များနှင့် လိုင်းခွဲခြင်းများသည် အရေးမကြီးပါ။ အရာဝတ္ထုတစ်ခု၏ အဓိပ္ပါယ်ဖွင့်ဆိုချက်သည် စာကြောင်းများစွာကို ချဲ့ထွင်နိုင်သည်-
ဥပမာ
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
Object Properties များ
အမည် : JavaScript objects များတွင် တန်ဖိုး အတွဲ များကို properties ဟုခေါ်သည် :
| ပစ္စည်းဥစ္စာ | အိမ်ခြံမြေတန်ဖိုး |
|---|---|
| နာမည် | ယော |
| မျိုးနွယ်အမည် | ဒိုး |
| အသက် | ၅၀ |
| မျက်လုံးအရောင် | အပြာ |
Object Properties ကို ဝင်ရောက်ကြည့်ရှုခြင်း။
သင်သည် အရာဝတ္ထုဂုဏ်သတ္တိများကို နည်းလမ်းနှစ်မျိုးဖြင့် ဝင်ရောက်ကြည့်ရှုနိုင်သည်-
objectName.propertyName
သို့မဟုတ်
objectName["propertyName"]
ဥပမာ ၁
person.lastName;
ဥပမာ ၂
person["lastName"];
JavaScript objects များသည် properties ဟုခေါ်သော တန်ဖိုးများ အတွက် containers များဖြစ်သည်။
အရာဝတ္ထုနည်းလမ်းများ
အရာဝတ္တုများသည် နည်းလမ်းများလည်း ရှိ နိုင်ပါသည်။
နည်းလမ်းများသည် အရာဝတ္တုများပေါ်တွင် လုပ်ဆောင် နိုင်သော လုပ်ဆောင်ချက်များဖြစ်သည်။
Method များကို function အဓိပ္ပါယ်ဖွင့်ဆိုချက် များအဖြစ် properties တွင် သိမ်းဆည်းထားသည် ။
| ပစ္စည်းဥစ္စာ | အိမ်ခြံမြေတန်ဖိုး |
|---|---|
| နာမည် | ယော |
| မျိုးနွယ်အမည် | ဒိုး |
| အသက် | ၅၀ |
| မျက်လုံးအရောင် | အပြာ |
| နာမည်အပြည့်အစုံ | function() {return this.firstName + " " + this.lastName;} |
Method ဆိုသည်မှာ ပစ္စည်းတစ်ခုအဖြစ် သိမ်းဆည်းထားသော လုပ်ဆောင်ချက်တစ်ခုဖြစ်သည်။
ဥပမာ
const person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
ဒီ Keyword ပါ ။
လုပ်ဆောင်ချက် အဓိပ္ပါယ်ဖွင့်ဆိုချက်တွင် လုပ်ဆောင်ချက် this၏ "ပိုင်ရှင်" ကို ရည်ညွှန်းသည်။
အထက်ဖော်ပြပါ ဥပမာတွင်၊ လုပ်ဆောင်ချက်ကို "ပိုင်ဆိုင်သည်" ဆို
thisသည့် ပုဂ္ဂိုလ်fullName ဖြစ်သည်။
တစ်နည်းဆိုရသော် ဤအရာဝတ္ထု ၏ ပိုင်ဆိုင်မှုကို this.firstNameဆိုလိုသည် ။firstName
JSthis တွင် ဤသော့ချက်စာလုံး အကြောင်း ပိုမိုဖတ်ရှုပါ ။
Object Methods ကိုဝင်ရောက်ခြင်း
သင်သည် အောက်ပါ syntax ဖြင့် အရာဝတ္ထုနည်းလမ်းတစ်ခုကို ဝင်ရောက်ကြည့်ရှုသည်-
objectName.methodName()
ဥပမာ
name = person.fullName();
အကယ်၍ သင်သည် () ကွင်းစဥ် မပါဘဲ နည်းလမ်းတစ်ခုကို ဝင်ရောက်အသုံးပြုပါက ၊ ၎င်းသည် လုပ်ဆောင်ချက် အဓိပ္ပါယ်ဖွင့်ဆိုချက်ကို ပြန်ပေးလိမ့်မည် -
ဥပမာ
name = person.fullName;
ကြိုးများ၊ နံပါတ်များနှင့် Booleans ကို အရာဝတ္ထုများအဖြစ် မကြေငြာပါနှင့်။
JavaScript variable ကို keyword " new" ဖြင့်ကြေငြာသောအခါ၊ variable ကို object တစ်ခုအနေဖြင့် ဖန်တီးသည်-
x = new String(); // Declares x as a String object
y = new Number(); // Declares y as a Number object
z = new Boolean(); // Declares z as a Boolean object
String, Number, နှင့် Booleanအရာဝတ္ထုများကို ရှောင်ကြဉ် ပါ။ ၎င်းတို့သည် သင့်ကုဒ်ကို ရှုပ်ထွေးစေပြီး လုပ်ဆောင်မှုအရှိန်ကို နှေးကွေးစေပါသည်။
ဤကျူတိုရီရယ်တွင် နောက်ပိုင်းတွင် အရာဝတ္ထုများအကြောင်း ပိုမိုလေ့လာနိုင်ပါမည်။