สวัสดีครับ ในบทความนี้เราจะมาเรียนรู้เทคนิคการเขียน JavaScript แบบมืออาชีพกันครับ ซึ่งเป็นเทคนิคเล็กๆน้อยๆที่จะช่วยให้สามารถเขียน Code ได้กระชับ และอ่านง่ายมากยิ่งขึ้น
มาเริ่มกันด้วยตัวอย่างแรกครับ
if (isTrue) {
callMethodA();
} else {
callMethodB();
}
เขียนใหม่จะได้เป็นแบบนี้ครับ
isTrue ? callMethodA() : callMethodB();
if (isTrue) {
callMethodA();
}
เขียนใหม่จะได้เป็นแบบนี้ครับ
isTrue && callMethodA();
function myFn(x) {
if (x === null) {
x = 100;
}
// Do something
}
เขียนใหม่จะได้เป็นแบบนี้ครับ
function myFn(x = 100) {
// Do something
}
const myFn = (name) => {
return `Hello ${name}`;
};
เขียนใหม่จะได้เป็นแบบนี้ครับ
const myFn = (name) => `Hello ${name}`;
ปกติเวลาเราจะปัดเศษลง หรือลบทศนิยมออกใน Javascript เราก็จะทําแบบนี้ครับ
const a = 5.894;
const num = Math.floor(a);
แต่เราสามารถเขียนใหม่แบบสั้นๆได้โดยเติม ”| 0” เข้าไปดังนี้ครับ
const a = 5.894;
const num = a | 0;
ก็เป็นเทคนิคเล็กๆน้อยๆ ลองนําไปใช้งานกันดูครับ
ขอให้สนุกกับการเขียน JavaScript นะครับ :]
ในภาษาซี นอกจากประกาศตัวแปรขึ้นใช้งานแล้ว เรายังสามารถกําหนดค่าเริ่มต้นให้กับตัวแปรไปพร้อมกันได้ด้วย คือ
ตัวต้านทานจะแบงตามประเภทการใช้งานได้สองแบบคือAxial ResistorSMD Resistorวิธีการอ่านค่าก็จะแตกต่างกัน
ในการสร้าง Chrome Extension หรือเรียกเป็นภาษาไทย "ส่วนขยาย" จะใช้ HTML/CSS/JavaScript ในการเขียน ซึ่งจะคล้ายกับการเขียนเว็บทั่วๆไป ในเมื่อมันเป็น HTML/CSS/JavaScript ก็จับมาเขียนด้วย Vuejs ซะเลย เพื่อให้ง่ายต่อการพัฒนา