???? ??? ???? ?? ????? ???? ??? ???? ?? ??????. ??? ?? ??? ???? ??, ?? ??? ? ?? ??? ? ?? ??? ???? ??? ????. ?? ??? ???? ?? ??? ?? ?? ???? ????? ??? ??? ???? ? ???? ??? ???. JavaScript ??? ?? ?? ??? ??? ?? ?? ??? ???? ? ?? ??? ???????.

1. ????? ??? ?? ??: "??"??? ??? ????? ?? ???? ???? ??????. ??? ??? ??? ?? ?? ? ?? ?????. ???? ?? ??? ???? ???? ?? ??? ?? ?????.

?: ? ??? ??? ?? ?? ????? ??? ??? ???? ???.

?? ?


?? ?
const doubleArray = arr => arr.map(x => x * 2); // ???? ???? ??
? ???? ?? ??? << ????? ??? ??? ???? ??? ??? ?????. ???? ???? ??? ??? ??? ??? ?? ???? ??? ? ????.

1. ??? ?? ?? ?? ?? ??: ????? ??? ???? ?? ??? ????? ????. ?? ?? ?? ?? ? ??? ?? ??? ??? ? ????.

?? ?

??? = 0?? ????; // ?? ???? ??
?? ??() {
??? ;
}
?? ?

(() => {
?? = 0?? ???. // ???? ???
?? ??() {
??? ;
}
})();
??? IIFE(?? ?? ?? ???)? ???? count ??? ??? ??? ???? ??? ?? ???? ???? ??? ??? ? ????.

1. ?? ??? ?? ?? ??: ??? ???? ???? ??? ???? ?????. ??? ??? ??? ? ?? ???? ??? ? ????.

?? ?

?? getUser(id) {
return fetch(/user/${id}).then(res => res.json()); // ?? ?? ??
}
?? ?

??? ?? getUser(id) {
?????? {
const res = ????? ?????(/user/${id});
if (!res.ok) {
??? ?? ??(???? ???? ?????: ${res.statusText});
}
??? ???? res.json();
} ??(??) {
console.error('???? ???? ? ?? ??:', error);
null? ?????.
}
}
?? ??? ???? ?? ???? ???? ?? ??? ? ?? ?? ??? ??? ??????? ?? ?? ?? ??? ??? ? ????.

1. ??? ?????? ?? ??: ??? ???? ??? ? ?? ??? ??? ??? ????. ?? ?? ?? ??, ??? ? ???? ?????.

?? ?

?? processOrder(order) {
// ?? ?? ??
// ?? ?? ??
//?? ?? ??
// ??? ?? ??
}
?? ?

`function verifyOrder(order) { /* ... / }
functioncalculateTotal(order) { / ... / }
?? processPayment(?? ??) { / ... / }
function generateReceipt(order) { / ... */ }

?? processOrder(order) {
if (!validateOrder(order)) return;
const total = ??Total(??);
processPayment(order.paymentInfo);
generateReceipt(??);
}`
? ??? ?? ??? ???? ??? ? ?? ????, ?????, ?? ??? ? ????. ? ???? ?? ?? ??(SRP)? ???? ?? ??? ????.

1. ??? ???? ??? ?????. ?? ??: ??? ???? ???? ?????. ??, ?? ???, ?? ?????? ???? ???? ???? ???.

?? ?

?? processUser(???) {
console.log(?? ?? ???: ${JSON.stringify(user)}); // ??? ??? ??
// ...
}
?? ?

?? processUser(???) {
console.log(?? ?? ???: ${user.id}); // ??? ????? ??
// ...
}
? ?? ?? ?? ????? ??? ??? ??? ??? ?????. ?? ?? ??? ?? ?? ?? ?? ??? ?? ??? ?? ?????.

1. DRY(???? ???) ??? ????. ?? ??: ?? ??? ?????. ?? ???? ??? ??? ??? ??? ??????.

?? ?

`function createAdmin(??, ??) {
return { ??, ??, ??: ['???', '??', '????', '??'] };
}

function createEditor(??, ??) {
return { ??, ??, ??: ['create', 'read'] };
}`
?? ?

`function createUser(??, ??, ??) {
return { ??, ??, ?? };
}

const admin = createUser('Alice', 'Admin', ['create', 'read', 'update', 'delete']);
const editor = createUser('Bob', 'Editor', ['create', 'read']);`
DRY ??? ??? ?? ??? ???? ?? ?????? ???? ??? ??? ???? ?????.

1. ??? ?????? ?? ??: ?? ???(?? ??? ??)? ??? ??? ?? ??? ???? ??? ? ??? ??? ??????.

?? ?

calculateAPR(??, ??) ?? {
?? ?? * ?? / 100 / 12; // ??? ??? ?????? ?? ??? ????
}
?? ?

`/**

• ?? ??? ??
• @param {number} ?? - ??
• @param {number} rate - ?? ??
• @return {number} - ?? APR */ ?? ??APR(??, ??) { ?? ?? * ?? / 100 / 12; // ??? ??? APR ?? }` ?? ???? ??? ?? ??? ??? ??? ??????? ??? ??? ??? ??? ? ??? ?????.

1. ?? ??? ?? ?? ??: ?? ???? ???? ??? ???? ???? ??? ???? ?? ??? ???? ?? ???? ? ??? ???.

?? ?
// ??? ?? ?? ??
?? ?
// Jest ?? Mocha? ?? ??? ????? ??
test('calculateAPR? ??? APR? ???? ???.', () => {
??(calculateAPR(1000, 12)).toBe(10);
});
???? ???? ??? ????? ?? ???? ???? ?????? ??? ??? ? ????.

1. ?? ??? ??? ?? ?? ??: ??? ???? ??? ?? ??? ?? ???? ?????. ?? ?? ??? ???? ??? ?????.

??? ???? ????? ESLint ?? Prettier? ?? ??? ???? ?? ????.

ESLint ?? ??

{
"extends": "eslint:??",
"??": {
"????": ??,
"es6": ?
},
"??": {
"indent": ["error", 2],
"???": ["??", "??"],
"semi": ["??", "??"]
}
}
??? ???? ???? ?????? ??? ??? ????? ?? ??? ??? ? ?? ???? ??? ? ????.

??
???? JavaScript ?? ??? ??? ???? ?? ??? ?? ??? ???? ???? ???? ??? ? ??? ?????. ???, ???, ?? ?? ? ??? ?? ?? ??? ??? ?? ?? ???? ?? ???? ?? ???? ?????? ????. ??? ??? ????? ???? ?? ???? ???? ??? ???? ?? ??? ?? ??? ???? ? ??? ???.

? ??? JavaScript ?? ??: ???? ???? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!