ຈາກ JavaScript ໄປ TypeScript ໂດຍບໍ່ເຈັບປວດ

ຮຽນ JavaScript ກ່ອນ. ການໃສ່ TypeScript ເທິງ JavaScript ທີ່ຍັງບໍ່ໜັກແໜ້ນ ຄືມີສອງບັນຫາພ້ອມກັນ ແລະ ທ່ານຈະໂທດຜິດອັນ. ແຕ່ເມື່ອທ່ານໄດ້ປ່ອຍງານດ້ວຍ JavaScript ທຳມະດາ ແລະ ໄດ້ນັ່ງໄລ່ບັກທັງຄືນ ເພື່ອພົບວ່າມັນເປັນ undefined ໃນບ່ອນທີ່ຄິດວ່າເປັນຕົວເລກ — ນັ້ນລະ ທ່ານພ້ອມແລ້ວ ເພາະຕອນນີ້ທ່ານຮູ້ແລ້ວວ່າ TypeScript ມີໄວ້ເພື່ອຫຍັງ.

ແນວຄິດທັງໝົດໃນຕົວຢ່າງດຽວ

ໃນ JavaScript ຄວາມຜິດພາດຖືກຄົ້ນພົບໂດຍຜູ້ໃຊ້. ໃນ TypeScript ມັນຖືກຄົ້ນພົບໂດຍໂປຣແກຣມແກ້ໄຂຂອງທ່ານ ໃນຂະນະທີ່ທ່ານພິມ ກ່ອນທີ່ໂຄ້ດຈະໄດ້ແລ່ນຈັກເທື່ອ. ນັ້ນຄືເຫດຜົນທັງໝົດ. ສ່ວນອື່ນເປັນພຽງລາຍລະອຽດ.

// JavaScript: this ships, and breaks for the one user with no phone number.
function call(user) {
  return user.phone.replace(/\s/g, '')
}

// TypeScript: the editor stops you here, today.
interface User { name: string; phone?: string }

function call(user: User) {
  // Error: 'user.phone' is possibly 'undefined'.
  return user.phone.replace(/\s/g, '')
}

// So you handle the case you had forgotten existed:
function callSafely(user: User) {
  return user.phone?.replace(/\s/g, '') ?? null
}

ເລີ່ມໃສ່ type ໃຫ້ຂໍ້ມູນກ່ອນ ບໍ່ແມ່ນຟັງຊັນ

ຢ່າຟ້າວໃສ່ຄຳອະທິບາຍ type ໃຫ້ທຸກຢ່າງໃນມື້ທຳອິດ. ໃຫ້ອະທິບາຍ 'ຮູບຮ່າງ' ຂອງຂໍ້ມູນທີ່ແອັບຂອງທ່ານກ່ຽວຂ້ອງ — User, Product, ApiResponse — ແລ້ວປ່ອຍໃຫ້ TypeScript ອະນຸມານສ່ວນທີ່ເຫຼືອເອງ. ມັນເກັ່ງໜ້າປະຫຼາດໃນເລື່ອງນີ້ ແລະ ໂຄ້ດທີ່ເຕັມໄປດ້ວຍຄຳອະທິບາຍຊ້ຳຊ້ອນ ອ່ານຍາກຂຶ້ນ ບໍ່ໄດ້ປອດໄພຂຶ້ນ.

ທາງໜີທີ່ທ່ານບໍ່ຄວນໃຊ້

ເມື່ອ TypeScript ຮ້ອງທັກ ວິທີແກ້ທີ່ຍົວະໃຈຄື 'any'. ມັນປິດສຽງຄຳເຕືອນ ພ້ອມກັບປິດການປົກປ້ອງທຸກຢ່າງທີ່ທ່ານໃສ່ TypeScript ມາເພື່ອມັນ. ຖ້າຕິດຂັດ ໃຫ້ໃຊ້ 'unknown' ແລ້ວກວດສອບໃຫ້ແຄບລົງ — ນັ້ນບັງຄັບໃຫ້ທ່ານພິສູດວ່າຄ່ານັ້ນແມ່ນຫຍັງ ເຊິ່ງກໍຄືຈຸດປະສົງທັງໝົດ.