روش Extract Variable برای خوانایی کد

دسته‌بندی:
  • Clean Code

آخرین ویرایش:۲۲ آذر ۱۴۰۴

مفهوم Extract Variable میگه، کدی که مقادیر پیچیده و محاسباتی مختلف توی اون وجود داره، بهتره هرکدوم از اون‌ها رو به متغیرهای جداگانه نسبت بدیم و از اون متغیرها توی کدمون استفاده کنیم.

پایین‌تر 2 مثال از روش اشتباه و روش درست رو می‌تونید ببینید:

  1. تقسیم محاسبات و شرط‌ها به متغیرهای جداگانه:
bad.js
1// Without extract-variable
2function f() {
3  if (
4    platform.toUpperCase().indexOf("MAC") > -1 &&
5    browser.toUpperCase().indexOf("IE") > -1 &&
6    resize > 0
7  ) {
8    // do something
9  }
10}
good.js
1// With extract-variable
2function f() {
3  const isMacOs = platform.toUpperCase().indexOf("MAC") > -1;
4  const isIE = browser.toUpperCase().indexOf("IE") > -1;
5  const wasResized = resize > 0;
6  
7  if (isMacOs && isIE && wasResized) {
8    // do something
9  }
10}

 

  1. استخراج طول آرایه که باعث جلوگیری محاسبه‌ی اون توی هربار گردش حلقه میشه:
bad.js
1// Without extract-variable
2function g(orders) {
3  for (let i = 0; i < orders.length; i++) {
4    // do something
5  }
6}
good.js
1// With extract-variable
2function g(orders) {
3  const len = orders.length;
4  
5  for (let i = 0; i < len; i++) {
6    // do something
7  }
8}

درسته که این روش ساده بنظر می‌رسه اما به خوانایی، درک بهتر و بهینه‌تر کردن کد کمک می‌کنه.

تگ:
  • JavaScript
عــلــی شـــریـعـتـیـان
عــلــی شـــریـعـتـیـان
فرانت‌اند دولوپر
console.log(
"Looking to build something awesome?"
);
console.log(
"I’m a Front-end developer, and I’d love to help."
);