ກົດລະບຽບການລະບຸ JavaScript.

ທ່ານຄວນໃຊ້ກົດລະບຽບການລະບຸດຽວກັນສຳລັບທຸກໂຄງການ JavaScript ທີ່ທ່ານມີ.

ກົດລະບຽບການລະບຸ JavaScript.

ກົດລະບຽບການລະບຸ (Coding conventions) ໄດ້ກ່າວເຖິງ:ກົດລະບຽບການລະບຸທົບທວນວິຊາປະຕິບັດ.ພວກນີ້ກຳນົດຄວາມຫນົວໄວ້ທີ່ບາງການວ່າ:

  • ກົດລະບຽບການລະບຸຊື່ວິຊາ ແລະ ການລະບຸຫນັງວິຊາພວກທີ່ຂອງທ່ານ.
  • ກົດລະບຽບການໃຊ້ອາກາດ, ການລະບຸຫນັງຄວາມ, ແລະກົດລະບຽບການໃຊ້ຄຳເວົ້າ.
  • ກົດລະບຽບການກະຕຸ້ມຫົວຂໍ້ວິຊາພວກທີ່ຂອງທ່ານ.

ກົດລະບຽບການລະບຸ (Coding conventions)ຮັບປະກັນຄວາມທຳລາຍ.:

  • ປັບປຸງຄວາມດູດດູນການລະບຸວິຊາ.
  • ພັດທະນາຄວາມສາມາດສະໜອງຄວາມສາມາດສະໜອງຄວາມສາມາດ.

ກົດລະບຽບການລະບຸສະບັບສະບັບພວກທີ່ທີມຢູ່ບັງຄັບກັບຫນົວໄວ້ບັນຫາທີ່ຂອງທ່ານ.

ໜ້ານີ້ສະເໜີກົດລະບຽບ JavaScript ທົ່ວໄປທີ່ນຳໃຊ້ໂດຍ CodeW3C.com.

ທ່ານຄວນສືບຕໍ່ອ່ານຫນັງວັນ

ຊື່ບັນດາຄວາມ

ໃນCodeW3C.comພວກເຮົາໃຊ້ຊື່ບັນດາອິດສະຫລະນັກຊັງ (ຄວາມປ່ຽນປ່ຽນ ແລະ ກົດລະບຽບ):ການປະມານພາສາປົກກະຕິ;。

ຊື່ບັນດາຄວາມທັງໝົດ:ປະສົມ:ການເລີ່ມຕົ້ນ.

ໃນຫນັງຂອງໜ້ານີ້ພວກເຮົາຈະເຈົ້າເຫັນຫລາຍກວ່ານັ້ນ;

firstName = "Bill";
lastName = "Gates";
price = 19.90;
tax = 0.20;
fullPrice = price + (price * tax);

ຄວາມຫລຸດຄຳພິມ:

ຈະລະດັບການປິດລະບົບຢູ່ຊົ່ວຂະນະທີ່ບໍ່ມີຄຳສັ່ງ;

ຕົວຢ່າງ

var x = y + z;
var values = ["Volvo", "Saab",  "Fiat"];

ຄວາມຫລຸດຄຳພິມ:

ຈະລະດັບການຫລຸດຄຳພິມຢູ່ບັນດາປິດລະບົບຢູ່ທີ່ມີຄຳສັ່ງ;

ກົດລະບຽບ:

function toCelsius(fahrenheit) {
    return (5 / 9) * (fahrenheit - 32);
}

ບໍ່ຂຽນການກວດດວງທີ່ພິມໃນການຫລຸດຄຳພິມ;

ກົດລະບຽບບັນດາຄຳພິມ;

ກົດລະບຽບທົ່ວໄປສຳລັບຄຳພິມລະດັບນ້ອຍ:

ຈະລະດັບການປິດລະບົບຢູ່ຊົ່ວຂະນະທີ່ບໍ່ມີຄຳສັ່ງ;

ຕົວຢ່າງ

var values = ["Volvo", "Saab",  "Fiat"];
var person = {
    firstName: "Bill",
     lastName: "Gates",
    age: 50,
    eyeColor:  "blue"
};

ກົດລະບຽບທົ່ວໄປສຳລັບຄຳພິມສະເພາະ:

  • ຂຽນປິດລະບົບຢູ່ທີ່ຫລັງຈາກຖະໜົນທີ່ທໍາອິດ;
  • ຂຽນການເປີດປິດລະບົບຢູ່ກ່ອນປິດລະບົບ;
  • ຂຽນປິດລະບົບຢູ່ກາງຖະໜົນທີ່ຫລັງຈາກບໍ່ມີການກວດດວງຄຳສັ່ງ;
  • ບໍ່ຂຽນຄຳສັ່ງ; ; ຢູ່ທີ່ຄຳພິມຂອງຄຳພິມສະເພາະ;

ກົດລະບຽບ:

function toCelsius(fahrenheit) {
    return (5 / 9) * (fahrenheit - 32);
}

ການຫລຸດຄຳພິມ:

for (i = 0; i < 5; i++) {
    x += i;
}

ຂໍ້ກຳນົດ:

if (time < 20) {
    greeting = "Good day";
} else {
     greeting = "Good evening";
}

ກົດລະບຽບບັນດາຄວາມ;

ກົດລະບຽບທົ່ວໄປສຳລັບການປິດລະບົບບັນດາຄວາມ:

  • ຂຽນປິດລະບົບຢູ່ບ່ອນດຽວກັບຊື່ບັນດາຄວາມ;
  • ຂຽນຄຳ: : ແລະຊົ່ວຂະນະທີ່ບໍ່ມີການກວດດວງ;
  • ບໍ່ຂຽນຄຳສັ່ງ, , ຫລັງຈາກຄຳພິມຄວາມຜົນງານຂອງປະກອບປະກອບຢູ່ສຸດທ້າຍ;
  • ຂຽນປິດລະບົບຢູ່ກາງຖະໜົນທີ່ຫລັງຈາກບໍ່ມີການກວດດວງຄຳສັ່ງ;
  • ຈະລະດັບການປິດລະບົບບັນດາຄວາມຢູ່ຊົ່ວຂະນະທີ່ບໍ່ມີຄຳສັ່ງ;

ຕົວຢ່າງ

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

ສາມາດປິດລະບົບລາຍການຄວາມງາມພາຍໃນຖະໜົນດຽວຫລັງຈາກຄຳພິມປະກອບປະກອບຢູ່ບ່ອນບັນທຶກປະກອບແບບນັ້ນ:

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

ຄວາມຂອງການປ່ຽນປະຕູນຫຼາຍກວ່າ 80

ສຳລັບການກະຕຸ້ນຄວາມອ່ອນທຳ, ກະລຸນາບໍ່ໃຫ້ຄວາມຂອງການປ່ຽນປະຕູນຫຼາຍກວ່າ 80 ຄັນສັນ.

ຖ້າຄຳສັ່ງ JavaScript ຍົກມາຫຼາຍປະກອບສັບ ແລ້ວກະລຸນາປ່ຽນປະຕູນພາຍຫຼັງຜະນັກງານທີ່ມີການປະຕິບັດກັບຄຳສັ່ງ ຫຼື ຄຳສັ່ງຕາມ.

ຕົວຢ່າງ

document.getElementById("demo").innerHTML =
    "Hello Kitty.";

ກະລຸນາທົດລອງດຽວກັນ

ຄວາມອອກນຳດຽວກັນ

ກະລຸນາໃຊ້ຄວາມອອກນຳດຽວກັນໃນທຸກຄວາມຂອງທ້າມຂອງທ່ານ. ເປັນຫົນຕາມ:

  • ຊື່ບັນດາຄວາມທີ່ຈະນຳໃຊ້ ແລະ ປະກອບກັບການປະກອບກັບການຫຼັງ:camelCaseການຂຽນ
  • ຄວາມປະກອບຄວາມທີ່ຈະນຳໃຊ້ (global variable) ໃຫ້:ການໃຊ້ຢູ່ບາງຄົນຂອງ PHP.(ພວກເຮົາບໍ່ເຮັດແນວນັ້ນ ແຕ່ວ່າມັນໄດ້ມີຄວາມກາຍດາຍ):
  • ຄວາມປະກອບຄວາມທີ່ຈະນຳໃຊ້ (PI) ໃຫ້:ການໃຊ້ຢູ່ບາງຄົນຂອງ PHP.

ພວກເຮົາຄວນນຳໃຊ້ການຫົວຫຼັງໃນຊື່ບັນດາຄວາມທີ່ຈະນຳໃຊ້:ການໃຊ້ຢູ່ບາງຄົນຂອງ PHP.、camelCaseຫຼືການໃຊ້ຢູ່ບາງຄົນຂອງ PHP.ບໍ່?

ນີ້ແມ່ນບັນຫາທີ່ນັກຮັບປະກອບຈະກ່າວຫາຫຼາຍ:

ການໃຊ້ຢູ່ບາງຄົນຂອງ PHP.

ປະສົງ HTML5 ຈະເລີ່ມດ້ວຍ data- (data-quantity, data-price).

CSS ຈະໃຊ້ການຫົວຫຼັງໃນຊື່ທາງເປັນ (font-size).

ການໃຊ້ຢູ່ບາງຄົນຂອງ PHP.

ການໃຊ້ຢູ່ບາງຄົນຂອງ PHP.

ຫຼາຍນັກຮັບປະກອບຈະມັກການໃຊ້ການຫົວຫຼັງ (date_of_birth), ໂດຍສະເພາະໃນຖານຂໍ້ມູນ SQL.

ການໃຊ້ຢູ່ບາງຄົນຂອງ PHP.

PascalCase

ນັກຮັບປະກອບ C ຈະໃຊ້ການນຳໃຊ້ PascalCase.

camelCase

JavaScript, jQuery ແລະ ຫຼາຍຫຼັກ JavaScript ທີ່ໃຊ້ຄວາມອະທິບາຍຄືເປັນຄຳປະກອບຂອງມະຫາດສັນ (camelCase):

ກະລຸນາບໍ່ໃຫ້ຊື່ JavaScript ເລີ່ມດ້ວຍອີມະພິດ $.

ນຳໃຊ້ JavaScript ໃນ HTML

ນຳໃຊ້ສຳນັກງານທີ່ງາຍດາຍໃນການເອົາສະຕິບັດຕໍ່ນອກ (ບໍ່ຕ້ອງການປ້ອງກັນຜະນັກງານ type):

<script src="myscript.js"></script>

ຢ້ຽມຢາມປະກອບສັບພາສາ HTML

ຜົນຂອງຮູບແບບ HTML ທີ່ບໍ່ມີຄວາມອະທິບາຍ ອາດຈະເປັນສາເຫດຂອງຄວາມຜິດພາດ JavaScript.

ສອງຄຳສັ່ງ JavaScript ນີ້ຈະສ້າງຜົນທີ່ຕ່າງກັນ:

var obj = getElementById("Demo")
var obj = getElementById("demo")

ຖ້າສາມາດ ກະລຸນາໃຊ້ຄວາມອອກນຳດຽວກັນໃນ HTML (ຄືກັບ JavaScript).

访问 HTML 样式指南。

文件扩展名

HTML 文件应该使用 .html 扩展名（而非 .htm）。

CSS 文件应该使用 .css 扩展名。

JavaScript 文件应该使用 .js 扩展名。

使用小写文件名

大多数 web 服务器（Apache、Unix）对文件名的大小写敏感：

london.jpg 无法视作 London.jpg 进行访问。

其他 web 服务器（微软的 IIS）对大小写不敏感：

london.jpg 能够以 London.jpg 或 london.jpg 来访问。

如果您混合使用大小写，则必须严格保持连续和一致。

如果您将站点从大小写不敏感的服务器转移至对大小写敏感的服务器，即使这种小错误也可能破坏您的网站。

为了避免这些问题，请始终使用小写文件名（如果可能）。

性能

计算机不会使用代码约定。大部分规则对程序的执行影响很小。

缩进和额外的空格对小段脚本并不重要。

对于开发中的脚本，应该优先考虑可读性。应该缩小更大型的生产脚本。