JavaScript အပြုအမူ

真实生活中的对象、属性和方法

在真实生活中,汽车是一个对象.

汽车有诸如车重和颜色等属性,也有诸如启动和停止的方法:

对象 属性 方法

car.name = porsche

car.model = 911

car.length = 4499mm

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

所有汽车都拥有同样的属性,但属性值因车而异。

所有汽车都拥有相同的方法,但是方法会在不同时间被执行。

JavaScript အပြုအမူ

您之前已经学到,JavaScript 变量是数据值的容器。

这段代码把一个单一值(porsche)赋给名为 car 的变量:

var car = "porsche";

ကို ကြိုးစားလုပ်ကြည်း!

对象也是变量。但是对象包含很多值。

这段代码把多个值(porsche, 911, white)赋给名为 car 的变量:

var car = {type:"porsche", model:"911", color:"white"};

ကို ကြိုးစားလုပ်ကြည်း!

值以名称:值对的方式来书写(名称和值由冒号分隔)。

JavaScript 对象是被命名值的容器。

对象属性

(JavaScript 对象中的)名称:值对被称为属性.

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
属性 属性值
firstName Bill
lastName Gates
age 62
eyeColor blue

对象方法

对象也可以有方法.

方法是在对象上执行的动作.

方法以နည်းလမ်းဖွဲ့被存储在属性中。

属性 属性值
firstName Bill
lastName Gates
age 62
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

方法是作为属性来存储的函数。

အမှတ်

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 678,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

this အပ်ချက်

နည်းလမ်းဖွဲ့this ပုံစံ ကို သုံးပြီး

အမှတ်ပြင်this ပုံစံ fullName ကို ပိုင်ဆိုင်သော person အပ်ချက်.

အခြားအားဖြင့်this.firstName ဆိုလိုသည် this အပ်ချက်ပုံစံ firstName

ကို JS this ကိုသုံးပါကျမ်းကို ကို သို့မဟုတ်

အပ်ချက် ဖွဲ့စည်းလုပ်

ကျမ်းကို ကို အပ်ချက် ဖွဲ့စည်းလုပ် (ဖွဲ့စည်းလုပ်) ပြီးခဲ့သည်:

အမှတ်

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

ကို ကြိုးစားလုပ်ကြည်း!

အစိတ်အစိတ် နှင့် အခြေချီ ပြီးခြင်း သုံးနိုင်ပါသည်။ အပ်ချက် ဖွဲ့စည်းလုပ် အား အသုံးပြု၍ အစိတ်အစိတ် ဖြင့် အသုံးပြုနိုင်ပါသည်:

အမှတ်

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,,
    eyeColor:"blue"
};

ကို ကြိုးစားလုပ်ကြည်း!

အပ်ချက် များ ကို သုံးနိုင်ပါသည်

သင် အပ်ချက် များ ကို နှစ်လုံး အနေဖြင့် သုံးနိုင်ပါသည်:

objectName.propertyName

သို့မဟုတ်

objectName["propertyName"]

အမှတ် 1

person.lastName;

ကို ကြိုးစားလုပ်ကြည်း!

အမှတ် 2

person["lastName"];

ကို ကြိုးစားလုပ်ကြည်း!

အပ်ချက် များ ကို သုံးနိုင်ပါသည်

သင် အဆိုပါ အပြောအား ကို သုံး၍ အပ်ချက် များ ကို သုံးနိုင်ပါသည်:

objectName.methodName())

အမှတ်

name = person.fullName();

ကို ကြိုးစားလုပ်ကြည်း!

ကို() ကို မသုံးပါ fullName နည်းလမ်း ကို ဖွဲ့စည်းလုပ် လျှင် ပြန်လည် ပြန်ရှိသည်:နည်းလမ်းဖွဲ့:

အမှတ်

name = person.fullName;

ကို ကြိုးစားလုပ်ကြည်း!

နည်းလမ်း သည် အချက်အလက် အပ်ချက် အနေဖြင့် သဘောတူညီ ဖွဲ့စည်းလုပ်ခြင်း ဖြစ်သည်。

စကားလုံး၊ စာရင်းနှင့် Boolean ကို အပ်ချက် အားဖြင့် ဖွဲ့စည်းလုပ်ခြင်း မပြုပါ!

ကို "new" ကိုသုံး၍ JavaScript ပုံစံ ကို ဖွဲ့စည်းလုပ်ခြင်းမှာ ပုံစံ အား အပ်ချက် ဖြစ်စေသည်:

var x = new String();        // ကို x ကို String အပ်ချက် ဖြစ်စေသည်
var y = new Number();        // ကို y ကို Number အပ်ချက် ဖြစ်စေသည်
var z = new Boolean();       //	ကို z ကို Boolean အပ်ချက် ဖြစ်စေသည်

请避免字符串、数值或逻辑对象。他们会增加代码的复杂性并降低执行速度。

您将在本教程的稍后章节学到更多有关对象的知识。

课外书

如需更多有关 JavaScript အပြုအမူ的知识,请阅读 JavaScript 高级教程中的相关内容:

ECMAScript အားကူးအားပြန် နည်းပညာ
本节简要介绍了面向对象技术的术语、面向对象语言的要求以及对象的构成。
ECMAScript အပိုင်း အားကူး
ဒီလုံးတွင် အပိုင်း ကို ကြေညာ နှင့် စည်းကြပ် ပြီး အပိုင်း ကို ဖျက်သိမ်း ပြီး ပြုပြင် ပြီး အပိုင်း ကို ပေးသော အခွင့်အရေး
ECMAScript အပိုင်း အမျိုး
ဒီလုံးတွင် ECMAScript ၃ အမျိုး ဖြင့် ပြန်လည်ဖော်ထုတ်ထားသည် အခွင့်အရေး နှင့် ဆက်စပ်သော အခွင့်အရေး ဆက်ချက်
ECMAScript အပိုင်း အသုံး
ဒီလုံးတွင် ECMAScript အသုံး နှင့် this အကြောင်းကို ဖော်ထုတ်ထားသည်
ECMAScript အကြီးအကျယ် အားကူး သို့မဟုတ် အပိုင်း
ဒီလုံးတွင် အားကူးအားပြန် နည်းပညာ အပိုင်း ကို အချက်အလက် ဖော်ထုတ်ထားသည်
ECMAScript အပိုင်း ကို ပြန်လည်ဖော်ထုတ်
ဒီလုံးအချို့တွင် အပိုင်း ကို ပြန်လည်ဖော်ထုတ် သို့မဟုတ် အချက်အလက် ကို ပြန်လည်ဖော်ထုတ် ပြီး အပိုင်း ကို ပြန်လည်ဖော်ထုတ် ပြီး အပိုင်း ကို ပြန်လည်ဖော်ထုတ်