مفهوم Extract Variable میگه، کدی که مقادیر پیچیده و محاسباتی مختلف توی اون وجود داره، بهتره هرکدوم از اونها رو به متغیرهای جداگانه نسبت بدیم و از اون متغیرها توی کدمون استفاده کنیم.
پایینتر 2 مثال از روش اشتباه و روش درست رو میتونید ببینید:
- تقسیم محاسبات و شرطها به متغیرهای جداگانه:
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}
- استخراج طول آرایه که باعث جلوگیری محاسبهی اون توی هربار گردش حلقه میشه:
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}درسته که این روش ساده بنظر میرسه اما به خوانایی، درک بهتر و بهینهتر کردن کد کمک میکنه.
