अलविदा साफ कोड

देर शाम हो गई थी।

मेरे सहकर्मी ने सिर्फ उस रिपॉजिटरी को कोड लिखा था जो वह एक हफ्ते से काम कर रहा था। हमने तब एक आलेखीय संपादक बनाया, और नए कोड में हमने कार्य क्षेत्र में आकृतियों को बदलने की क्षमता को लागू किया। आकार, उदाहरण के लिए, आयताकार और अंडाकार, उनके किनारों पर स्थित छोटे मार्करों को स्थानांतरित करके संशोधित किया जा सकता है।

कोड काम किया।

लेकिन एक ही प्रकार की कई दोहराई जाने वाली संरचनाएं थीं। प्रत्येक आकृति (जैसे एक ही आयत या अंडाकार) में मार्करों का एक अलग सेट होता था। इन मार्करों को अलग-अलग दिशाओं में ले जाने से आकृति की स्थिति और आकार अलग-अलग तरीके से प्रभावित होते हैं। और यदि उपयोगकर्ता, मार्करों को स्थानांतरित करते समय, शिफ्ट कुंजी को दबाए रखते हैं, तो हमें इसका आकार बदलते समय आकृति के अनुपात को भी रखना होगा। सामान्य तौर पर, कोड में बहुत सारी गणनाएं होती थीं।

प्रश्न में कोड कुछ इस तरह से देखा गया:

let Rectangle = {
  resizeTopLeft(position, size, preserveAspect, dx, dy) {
    // 10   
  },
  resizeTopRight(position, size, preserveAspect, dx, dy) {
    // 10   
  },
  resizeBottomLeft(position, size, preserveAspect, dx, dy) {
    // 10   
  },
  resizeBottomRight(position, size, preserveAspect, dx, dy) {
    // 10   
  },
};

let Oval = {
  resizeLeft(position, size, preserveAspect, dx, dy) {
    // 10   
  },
  resizeRight(position, size, preserveAspect, dx, dy) {
    // 10   
  },
  resizeTop(position, size, preserveAspect, dx, dy) {
    // 10   
  },
  resizeBottom(position, size, preserveAspect, dx, dy) {
    // 10   
  },
};

let Header = {
  resizeLeft(position, size, preserveAspect, dx, dy) {
    // 10   
  },
  resizeRight(position, size, preserveAspect, dx, dy) {
    // 10   
  },  
}

let TextBlock = {
  resizeTopLeft(position, size, preserveAspect, dx, dy) {
    // 10   
  },
  resizeTopRight(position, size, preserveAspect, dx, dy) {
    // 10   
  },
  resizeBottomLeft(position, size, preserveAspect, dx, dy) {
    // 10   
  },
  resizeBottomRight(position, size, preserveAspect, dx, dy) {
    // 10   
  },
};

, , .

.

, . , Oval.resizeLeft() , , Header.resizeLeft(). , , .

, . , Oval.resizeLeft() Oval. — . Rectangle, Header TextBlock, .

.

, - . — :

let Directions = {
  top(...) {
    // 5   
  },
  left(...) {
    // 5   
  },
  bottom(...) {
    // 5   
  },
  right(...) {
    // 5   
  },
};

let Shapes = {
  Oval(...) {
    // 5   
  },
  Rectangle(...) {
    // 5   
  },
}

, :

let {top, bottom, left, right} = Directions;

function createHandle(directions) {
  // 20  
}

let fourCorners = [
  createHandle([top, left]),
  createHandle([top, right]),
  createHandle([bottom, left]),
  createHandle([bottom, right]),
];
let fourSides = [
  createHandle([top]),
  createHandle([left]),
  createHandle([right]),
  createHandle([bottom]),
];
let twoSides = [
  createHandle([left]),
  createHandle([right]),
];

function createBox(shape, handles) {
  // 20  
}

let Rectangle = createBox(Shapes.Rectangle, fourCorners);
let Oval = createBox(Shapes.Oval, fourSides);
let Header = createBox(Shapes.Rectangle, twoSides);
let TextBox = createBox(Shapes.Rectangle, fourCorners);

, , , . ! . , , , , .

( ). master , , «» .

… , .

, . . — . .

, , .

—

« » — , . , - , . , , , .

, , , . , . . , , : « , ». , .

, , . , , , . . . - , — , . , «».

, «», , , :

• -, , . , . ( ), — . . — .
• -, . . . , . . «» .

, «» ? . , «» «». - ? - , , ? , , ? , ?

, , . , — , , , .

— . , , , . , , , , . , . .

. . — . — - , . , , , , . 

. — .

! « »?