สวัสดีครับ ในบทความนี้เราจะมาเรียนรู้เทคนิคการเขียน JavaScript แบบมืออาชีพกันครับ ซึ่งเป็นเทคนิคเล็กๆน้อยๆที่จะช่วยให้สามารถเขียน Code ได้กระชับ และอ่านง่ายมากยิ่งขึ้น

มาเริ่มกันด้วยตัวอย่างแรกครับ

Inline if else

if (isTrue) {
  callMethodA();
} else {
  callMethodB();
}

เขียนใหม่จะได้เป็นแบบนี้ครับ

isTrue ? callMethodA() : callMethodB();

Inline if

if (isTrue) {
  callMethodA();
}

เขียนใหม่จะได้เป็นแบบนี้ครับ

isTrue && callMethodA();

Alternate value

function myFn(x) {
  if (x === null) {
    x = 100;
  }
  // Do something
}

เขียนใหม่จะได้เป็นแบบนี้ครับ

function myFn(x = 100) {
  // Do something
}

Returning

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 นะครับ :]