ການທົດລອງ JavaScript

错误总会发生，每当您写一些新的计算机代码时。

ການທົດລອງ JavaScript

在没有调试器的情况下写 JavaScript 是有难度的。

您的代码中也许包含了语法错误，或者逻辑错误，这些都难以诊断。

ປົກກະຕິຈະຖ້າຄຳສັ່ງ JavaScript ມີຄວາມຂັດແຍ່ງ ຈະບໍ່ເກີດຄວາມຂັດແຍ່ງ. ຈະບໍ່ມີຂໍ້ຄວາມຂັດແຍ່ງ ແລະບໍ່ມີຄວາມສັນຍາວ່າຈະຊອກຫາຄວາມຂັດແຍ່ງ.

ປົກກະຕິຈະທຸກຄວາມທີ່ທ່ານພະຍາຍາມຂຽນຄຳສັ່ງທາງ JavaScript ຈະເກີດຄວາມຂັດແຍ່ງ.

JavaScript Debugger

ການຊອກຫາຄວາມຂັດແຍ່ງໃນຄຳສັ່ງທາງການກົດໝາຍວ່າການກວດສອບຄຳສັ່ງ.

ການກວດສອບບໍ່ງ່າຍ. ແຕ່ວ່າມັນຍັງບໍ່ມີຄວາມຍາກ. ຍັງມີການຍັງວ່າທຸກຄວາມບານດາວໃນບັນດາບັນດາຄວາມບານດາວຈະມີdebugger.

debugger ທີ່ໄດ້ບັນຈຸຢູ່ໄດ້ເປີດການສະແດງຄວາມຂັດແຍ່ງຂອງຄູ່ຂອງທ່ານໃຫ້ຜູ້ນຳໃຊ້.

ຜ່ານdebugger ທ່ານສາມາດຕິດຕັ້ງບານບັນທຶກ (ບັນດາຄວາມບານດາວທີ່ຈະຢຸດການເຮັດວຽກ) ແລະກວດສອບຄູ່ຂອງຄູ່ຂອງທ່ານໃນຂະນະທີ່ບັນດາຄວາມບານດາວຈະຢຸດການເຮັດວຽກ.

ປົກກະຕິຈະມີການເລີ່ມຕົ້ນບັນດາຄວາມບານດາວຂອງບັນດາຄວາມບານດາວໃນບັນດາຄວາມບານດາວຈະຈະເປັນ F12. ເພື່ອເລິ່ມຕົ້ນບັນດາຄວາມບານດາວໃນບັນດາຄວາມບານດາວຈະຈະເປັນ F12.

ວິທີ console.log()

ຖ້າບັນດາຄວາມບານດາວຂອງທ່ານສະຫນັບສະຫນູນການກວດສອບ ທ່ານສາມາດໃຊ້ console.log(); ສະແດງຄູ່ຂອງ JavaScript ໃນປ່າວິດຕະມິດການກວດສອບ:

ຄວາມຄົນ

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>

亲自试一试

ຄຳເຕືອນ:ກະຕຸ້ນ: ການເຂົ້າຫາອີກຫຼາຍຂໍ້ມູນ ກ່ຽວກັບວິທີ console.log() ໃນປືກສາ JavaScript Console.

ຕິດຕັ້ງບານບັນທຶກ

ໃນປ່າວິດຕະມິດການກວດສອບ JavaScript ທ່ານສາມາດຕິດຕັ້ງບານບັນທຶກ.

ຢູ່ໃນແຕ່ລະບານບັນທຶກ JavaScript ຈະຢຸດການເຮັດວຽກເພື່ອທ່ານສາມາດກວດສອບຄູ່ຂອງ JavaScript.

ຫຼັງຈາກການກວດສອບຄູ່ຂອງຄູ່ຂອງທ່ານ ທ່ານສາມາດສານຄວາມການເຮັດວຽກຄືນ.

debugger ຄຳສັ່ງ

debugger ຄຳສັ່ງຈະຢຸດການເຮັດວຽກຂອງ JavaScript ແລະເອິ້ນ (ຖ້າມີ) ພາສາທົນພະຍານ.

ນີ້ມີຜົນດຽວກັນກັບການຕິດຕັ້ງບານບັນທຶກໃນdebugger.

ຖ້າdebuggerບໍ່ມີຄວາມສາມາດdebugger ຄຳສັ່ງບໍ່ມີຜົນ.

ຖ້າບັນດາຄວາມດັ່ງກ່າວໄດ້ເປີດໄປ ຄຳສັ່ງນີ້ຈະຢຸດການເຮັດວຽກກ່ອນຫຼັງການເຮັດຄັ້ງທີສາມ.

ຄວາມຄົນ

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

亲自试一试

主流浏览器的调试工具

ສະເລ່ຍ, ທ່ານສາມາດເປີດການທົດລອງຈາກຄຳມະນາຍ F12 ແລະເລືອກ “ການຄວບຄຸມ” ໃນອຸປະກອນທົດລອງ.

ຖ້າບໍ່ມີ, ຕາມບັນຫາການການຕິດຕັ້ງດັ່ງກ່າວຕໍ່າ

Chrome

  • ເປີດເຄືອງກຳລັງ
  • ຈາກອຸປະກອນ, ເລືອກອຸປະກອນ
  • ຈາກອຸປະກອນ, ເລືອກອຸປະກອນພັດທະນາ
  • ສຸດທ້າຍ, ເລືອກການຄວບຄຸມ

Firebug Firefox

  • ເປີດເຄືອງກຳລັງ
  • ຍ່າງໄປໃນເວັບໄຊ: http://www.getfirebug.com
  • ຕາມເງື່ອນໄຂກ່ຽວກັບການຕິດຕັ້ງ Firebug

Internet Explorer

  • ເປີດເຄືອງກຳລັງ
  • ຈາກອຸປະກອນ, ເລືອກອຸປະກອນ
  • ຈາກອຸປະກອນ, ເລືອກອຸປະກອນພັດທະນາ
  • ສຸດທ້າຍ, ເລືອກການຄວບຄຸມ

Opera

  • ເປີດເຄືອງກຳລັງ
  • ຍ່າງໄປໃນເວັບໄຊ: http://dev.opera.com
  • ຕາມເງື່ອນໄຂກ່ຽວກັບການຕິດຕັ້ງ Firebug Lite

ມູນນິທິພັດທະນາ Safari

  • ຄົ້ນຫາ Safari, ການກະກຽມ, ຄວາມກວດສອບ
  • ເລືອກ “ການເປີດໃນແຕ່ງລະບຽບພັດທະນາ”
  • ເມື່ອມີຕົວແທນໃໝ່ “ການພັດທະນາ” ໃນອອກມາຂອງອຸປະກອນ, ຕິດຕາມທາງ “ສະແດງການຄວບຄຸມບໍ່ສາມາດຕາມຂໍ້ມູນ”

ທ່ານຮູ້ບໍ່?

ການທົດລອງແມ່ນຂະບວນການທົດລອງ, ຊອກຫາແລະຫຼຸດລົງຄວາມຜິດພາດ (bug) ໃນຄອມພິວເຕີ້.

ບໍ່ມີການຮູ້ຂອງພະຍາດທະວິບທໍລະນີທຳອິດທີ່ຮູ້ຂອງຄົນແມ່ນໝາກຄົນທີ່ຖືກຢູ່ໃນເຄື່ອງກຳລັງໄຟໄຟສະໄໝ (ສາຍພັນໝາກ).