ວັດຖຸ JavaScript

ວັດຖຸ, ຄູ່ມູນ, ແລະກົນການປະຕິບັດຂອງຊີວິດ

ໃນຊີວິດທີ່ແທ້ຈິງວັດຖຸ。

ລົດກະບະມີຄູ່ມູນມີການເລື່ອງເລື່ອງອື່ນໆເຊັ່ນ ການເລີ່ມແລະຢຸດ.ກົນການປະຕິບັດ：

ວັດຖຸ ຄູ່ມູນ ກົນການປະຕິບັດ

car.name = porsche

car.model = 911

car.length = 4499mm

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

ທຸກລົດກະບະມີຄູ່ມູນທັງໝົດ. ແຕ່ຄູ່ມູນຂອງລົດຈະຫຼາຍອັນ.

ທຸກລົດກະບະມີກົນການປະຕິບັດທັງໝົດບໍ່ແມ່ນຄູ່ມູນ. ແຕ່ກົນການປະຕິບັດຈະຖືກດຳເນີນຢູ່ໃນເວລາທີ່ຕ່າງກັນ.

ວັດຖຸ 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 关键词这一章学习更多有关 this 关键词的知识。

对象定义

我们定义（创建）了一个 JavaScript 对象：

实例

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;

亲自试一试

方法实际上是以属性值的形式存储的函数定义。

请不要把字符串、数值和布尔值声明为对象！

如果通过关键词 "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 ວິທີທີ່ທຳງວາງ ECMAScript ວິທີທີ່ທຳງວາງວິທີທີ່ທຳງວາງ this.
ການກໍ່ຕັ້ງວິດຕະພັນຫຼືວັດຖຸ ECMAScript
ບົດນີ້ອະທິບາຍວິທີທີ່ທຳງວາງວິທີທຳລາຍວິດຕະພັນຫຼືວິດຕະພັນ ECMAScript.
ການດັດແກ້ວິດຕະພັນ ECMAScript
ບົດນີ້ອະທິບາຍວິທີທີ່ທຳງວາງວິທີທີ່ທຳລາຍວິດຕະພັນຫຼືການປັບປຸງວິດຕະພັນທີ່ມີຢູ່.