“`html
JavaScript рдореЗрдВ Methods рдФрд░ Functions рдореЗрдВ рдорд╣рд╛рд░рдд рд╣рд╛рд╕рд┐рд▓ рдХрд░рдирд╛: рдПрдХ рд╡реНрдпрд╛рдкрдХ рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛
рд╕рд╛рдордЧреНрд░реА рддрд╛рд▓рд┐рдХрд╛
- рдкрд░рд┐рдЪрдп …………………………………………………. 1
- JavaScript рдореЗрдВ Functions рдХреЛ рд╕рдордЭрдирд╛ ….. 3
- Functions рдХреНрдпрд╛ рд╣реИрдВ? ……………………………… 3
- Arrow Functions рдмрдирд╛рдо Regular Functions ………………………………………………. 5
- Functions рдХреЛ рдХреЙрд▓ рдХрд░рдирд╛ …………………………………. 7
- Methods рдореЗрдВ рдЧрд╣рд░рд╛рдИ рд╕реЗ рдЬрд╛рдирд╛ …………………………………….. 9
- Methods рдХреНрдпрд╛ рд╣реИрдВ? …………………………………… 9
- Functions рдФрд░ Methods рдХреЗ рдмреАрдЪ рдЕрдВрддрд░ ……………………………………………….. 11
- рд╡реНрдпрд╛рд╡рд╣рд╛рд░рд┐рдХ рдЙрджрд╛рд╣рд░рдг …………………………………….. 13
- рдирд┐рд╖реНрдХрд░реНрд╖ ……………………………………………………… 17
рдкрд░рд┐рдЪрдп
“JavaScript рдореЗрдВ Methods рдФрд░ Functions рдореЗрдВ рдорд╣рд╛рд░рдд рд╣рд╛рд╕рд┐рд▓ рдХрд░рдирд╛” рдореЗрдВ рдЖрдкрдХрд╛ рд╕реНрд╡рд╛рдЧрдд рд╣реИ, рдЬреЛ JavaScript рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ рдореЗрдВ Functions рдФрд░ Methods рдХреА рд╢рдХреНрддрд┐ рдХреЛ рд╕рдордЭрдиреЗ рдФрд░ рд▓рд╛рдн рдЙрдард╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреА рдЕрдВрддрд┐рдо рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛ рд╣реИред рдЪрд╛рд╣реЗ рдЖрдк рдПрдХ рд╢реБрд░реБрдЖрддреА рд╣реЛрдВ рдЬреЛ рдмреБрдирд┐рдпрд╛рджреА рдмрд╛рддреЗрдВ рд╕рдордЭрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рдпрд╛ рдПрдХ рдбреЗрд╡рд▓рдкрд░ рдЬреЛ рдЕрдкрдиреЗ рдХреЛрдбрд┐рдВрдЧ рдХреМрд╢рд▓ рдХреЛ рдмрдврд╝рд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реИ, рдпрд╣ eBook рдЗрди рдорд╣рддреНрд╡рдкреВрд░реНрдг рдЕрд╡рдзрд╛рд░рдгрд╛рдУрдВ рдХреЗ рд╕реНрдкрд╖реНрдЯ рдФрд░ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдЕрдиреНрд╡реЗрд╖рдг рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИред
рдЗрд╕ рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛ рдореЗрдВ, рд╣рдо рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╡рд┐рд╖рдпреЛрдВ рдкрд░ рдЧрд╣рд░рд╛рдИ рд╕реЗ рдЪрд░реНрдЪрд╛ рдХрд░реЗрдВрдЧреЗ:
- Functions рдФрд░ Methods рдХреА рдкрд░рд┐рднрд╛рд╖рд╛ рдФрд░ рдЙрджреНрджреЗрд╢реНрдпред
- Arrow Functions рдФрд░ Regular Functions рдХреЗ рдмреАрдЪ рдЕрдВрддрд░ред
- Functions рдХреИрд╕реЗ рдмрдирд╛рдПрдВ рдФрд░ рдХреЙрд▓ рдХрд░реЗрдВред
- Methods рдХреЛ рд╕рдордЭрдирд╛ рдФрд░ Objects рдкрд░ рдЙрдирдХрд╛ рдЕрдиреБрдкреНрд░рдпреЛрдЧред
- рд╡реНрдпрд╛рд╡рд╣рд╛рд░рд┐рдХ рдЙрджрд╛рд╣рд░рдг рд╡рд┐рд╕реНрддреГрдд рд╡реНрдпрд╛рдЦреНрдпрд╛рдУрдВ рдФрд░ рдХреЛрдб рд╕реНрдирд┐рдкреЗрдЯреНрд╕ рдХреЗ рд╕рд╛рдеред
рдЗрд╕ eBook рдХреЗ рдЕрдВрдд рддрдХ, рдЖрдкрдХреЗ рдкрд╛рд╕ рдЕрдкрдиреЗ JavaScript рдкреНрд░реЛрдЬреЗрдХреНрдЯреНрд╕ рдореЗрдВ Functions рдФрд░ Methods рдХреЛ рдкреНрд░рднрд╛рд╡реА рдврдВрдЧ рд╕реЗ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдареЛрд╕ рдиреАрдВрд╡ рд╣реЛрдЧреАред
JavaScript рдореЗрдВ Functions рдХреЛ рд╕рдордЭрдирд╛
Functions рдХреНрдпрд╛ рд╣реИрдВ?
Functions JavaScript рдореЗрдВ рдореВрд▓рднреВрдд рдирд┐рд░реНрдорд╛рдг рдЦрдВрдбреЛрдВ рдореЗрдВ рд╕реЗ рдПрдХ рд╣реИрдВред рдпреЗ рдкреБрди: рдкреНрд░рдпреЛрдЬреНрдп рдХреЛрдб рдХреЗ рдмреНрд▓реЙрдХ рд╣реИрдВ рдЬрд┐рдирдХрд╛ рдЙрджреНрджреЗрд╢реНрдп рдПрдХ рд╡рд┐рд╢реЗрд╖ рдХрд╛рд░реНрдп рдХрд░рдирд╛ рд╣реЛрддрд╛ рд╣реИред Functions рдЖрдкрдХреЗ рдХреЛрдб рдХреЛ DRY (Don’t Repeat Yourself) рдФрд░ рд╕рдВрдЧрдард┐рдд рд░рдЦрдиреЗ рдореЗрдВ рдорджрдж рдХрд░рддреЗ рд╣реИрдВред
Functions рдХреА рдореБрдЦреНрдп рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдБ:
- рдкреБрди: рдкреНрд░рдпреЛрдЬреНрдпрддрд╛: рдПрдХ рдмрд╛рд░ рд▓рд┐рдЦреЗрдВ, рдХрдИ рдмрд╛рд░ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред
- рдореЙрдбреНрдпреВрд▓рд░рд┐рдЯреА: рдЬрдЯрд┐рд▓ рд╕рдорд╕реНрдпрд╛рдУрдВ рдХреЛ рдкреНрд░рдмрдВрдзрдиреАрдп рд╣рд┐рд╕реНрд╕реЛрдВ рдореЗрдВ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд░реЗрдВред
- рд░рдЦрд░рдЦрд╛рд╡: рдбрд┐рдмрдЧ рдФрд░ рдЕрдкрдбреЗрдЯ рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реЛрддрд╛ рд╣реИред
Function рдХрд╛ рдмреБрдирд┐рдпрд╛рджреА рд╕рд┐рдВрдЯреИрдХреНрд╕:
function functionName(parameters) {
// Function body
return result;
}
Arrow Functions рдмрдирд╛рдо Regular Functions
JavaScript Functions рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рдиреЗ рдХреЗ рджреЛ рдореБрдЦреНрдп рддрд░реАрдХреЗ рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИ: Regular Functions рдФрд░ Arrow Functionsред рдЗрдирдХреЗ рдмреАрдЪ рдХреЗ рдЕрдВрддрд░ рдХреЛ рд╕рдордЭрдирд╛ рдХреБрд╢рд▓ рдФрд░ рдкрдардиреАрдп рдХреЛрдб рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИред
Regular Functions
Regular Functions рдХреЛ function рдХреАрд╡рд░реНрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
рдЙрджрд╛рд╣рд░рдг:
function add(a, b) {
return a + b;
}
рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдБ:
- Hoisting: рдЗрдиреНрд╣реЗрдВ рдХреЛрдб рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рд╣реЛрдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рднреА рдХреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред
- Context (this): рдбрд╛рдпрдирд╛рдорд┐рдХ, рдЬрд┐рд╕ рдкреНрд░рдХрд╛рд░ рд╕реЗ Function рдХреЛ рдХреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЙрд╕рдХреЗ рдЖрдзрд╛рд░ рдкрд░ред
Arrow Functions
Arrow Functions рдЕрдзрд┐рдХ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рд╕рд┐рдВрдЯреИрдХреНрд╕ рдкреНрд░рджрд╛рди рдХрд░рддреЗ рд╣реИрдВ рдФрд░ Regular Functions рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рд╡реНрдпрд╡рд╣рд╛рд░ рд░рдЦрддреЗ рд╣реИрдВред
рдЙрджрд╛рд╣рд░рдг:
const add = (a, b) => {
return a + b;
};
рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдБ:
- No Hoisting: рдЗрдиреНрд╣реЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рд╣реЛрдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдХреЙрд▓ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ред
- Lexical this: рдЖрд╕рдкрд╛рд╕ рдХреЗ рд╕реНрдХреЛрдк рд╕реЗ this рдХреЛ рд╡рд┐рд░рд╛рд╕рдд рдореЗрдВ рд▓реЗрддреЗ рд╣реИрдВред
рддреБрд▓рдирд╛ рддрд╛рд▓рд┐рдХрд╛: Arrow Functions рдмрдирд╛рдо Regular Functions
рд╡рд┐рд╢реЗрд╖рддрд╛ | Regular Functions | Arrow Functions |
---|---|---|
рд╕рд┐рдВрдЯреИрдХреНрд╕ | function functionName() {} |
const functionName = () => {} |
Hoisting | рд╣рд╛рдБ | рдирд╣реАрдВ |
this Context | рдбрд╛рдпрдирд╛рдорд┐рдХ | Lexical (рд╡рд┐рд░рд╛рд╕рдд) |
Constructor Usage | Constructors рдХреЗ рд░реВрдк рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ | Constructors рдХреЗ рд░реВрдк рдореЗрдВ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ |
arguments рдСрдмреНрдЬреЗрдХреНрдЯ |
рдЙрдкрд▓рдмреНрдз | рдЙрдкрд▓рдмреНрдз рдирд╣реАрдВ |
рд╕рдВрдХреНрд╖рд┐рдкреНрддрддрд╛ | рдЕрдзрд┐рдХ рд╡рд┐рд╕реНрддреГрдд | рдЕрдзрд┐рдХ рд╕рдВрдХреНрд╖рд┐рдкреНрдд |
Functions рдХреЛ рдХреЙрд▓ рдХрд░рдирд╛
Functions рдХреЛ рдХреЙрд▓ рдХрд░рдирд╛ рдЗрд╕рдХрд╛ рдирд╛рдо рджреЗрдХрд░ рдФрд░ рдЖрд╡рд╢реНрдпрдХ рдЖрд░реНрдЧреБрдореЗрдВрдЯреНрд╕ рдкрд╛рд╕ рдХрд░рдХреЗ рд╣реЛрддрд╛ рд╣реИред
рдЙрджрд╛рд╣рд░рдг:
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('Alice')); // Output: Hello, Alice!
Functions рдХреЛ рд╕реАрдзреЗ рдХреЙрд▓ рдХрд░рдирд╛:
рдЖрдк Functions рдХреЛ рд╕реАрдзреЗ рдЕрдиреНрдп Functions рдпрд╛ Methods рдХреЗ рднреАрддрд░ рдХреЙрд▓ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
рдЙрджрд╛рд╣рд░рдг:
function multiply(a, b) {
return a * b;
}
console.log(multiply(10, 35)); // Output: 350
Methods рдореЗрдВ рдЧрд╣рд░рд╛рдИ рд╕реЗ рдЬрд╛рдирд╛
Methods рдХреНрдпрд╛ рд╣реИрдВ?
Methods рд╡реЗ Functions рд╣реИрдВ рдЬреЛ Objects рдХреЗ рд╕рд╛рде рдЬреБрдбрд╝реА рд╣реБрдИ рд╣реЛрддреА рд╣реИрдВред рдпреЗ рдЙрди Actions рдХрд╛ рдкреНрд░рддрд┐рдирд┐рдзрд┐рддреНрд╡ рдХрд░рддреА рд╣реИрдВ рдЬрд┐рдиреНрд╣реЗрдВ рдЙрд╕ Object рдкрд░ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдЬрд┐рд╕рд╕реЗ рд╡реЗ рд╕рдВрдмрдВрдзрд┐рдд рд╣реИрдВред
рдЙрджрд╛рд╣рд░рдг:
const user = {
name: 'John Doe',
greet: function() {
return `Hello, ${this.name}!`;
}
};
console.log(user.greet()); // Output: Hello, John Doe!
Functions рдФрд░ Methods рдХреЗ рдмреАрдЪ рдЕрдВрддрд░
рдЬрдмрдХрд┐ рджреЛрдиреЛрдВ Functions рдФрд░ Methods рдХреЛрдб рдХреЗ рдмреНрд▓реЙрдХ рд╣реИрдВ рдЬреЛ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдХрд╛рд░реНрдп рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд┐рдП рдЧрдП рд╣реИрдВ, рдореБрдЦреНрдп рдЕрдВрддрд░ рдЙрдирдХреЗ рдПрд╕реЛрд╕рд┐рдПрд╢рди рдФрд░ Invocation рдореЗрдВ рд╣реИред
рдкрд╣рд▓реВ | Function | Method |
---|---|---|
рдПрд╕реЛрд╕рд┐рдПрд╢рди | Standalone, рдХрд┐рд╕реА Object рд╕реЗ рдмрд╛рдЙрдВрдб рдирд╣реАрдВ | рдХрд┐рд╕реА Object рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд |
Invocation | рдирд╛рдо рд╕реЗ рд╕реАрдзреЗ рдХреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ | Object рдкрд░ рдбреЙрдЯ рдиреЛрдЯреЗрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдХреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ |
Context (this) | Function рдХреЛ рдХреЙрд▓ рдХрд░рдиреЗ рдХреЗ рддрд░реАрдХреЗ рдкрд░ рдирд┐рд░реНрднрд░ рдХрд░рддрд╛ рд╣реИ | рдЖрдорддреМрд░ рдкрд░ рдЙрд╕ Object рдХреЛ рд╕рдВрджрд░реНрднрд┐рдд рдХрд░рддрд╛ рд╣реИ рдЬрд┐рд╕рд╕реЗ Method рд╕рдВрдмрдВрдзрд┐рдд рд╣реИ |
рдЙрдкрдпреЛрдЧ рдХрд╛ рдорд╛рдорд▓рд╛ | рд╕рд╛рдорд╛рдиреНрдп-рдЙрджреНрджреЗрд╢реНрдп рдХреЗ рдХрд╛рд░реНрдп | рдЙрд╕ Object рдХреЗ рд▓рд┐рдП рд╡рд┐рд╢рд┐рд╖реНрдЯ рд╕рдВрдЪрд╛рд▓рди рдЬрд┐рдиреНрд╣реЗрдВ рд╡реЗ рд╕рдВрдмрдВрдзрд┐рдд рд╣реИрдВ |
Method рдмрдирд╛рдо Function рдХрд╛ рдЙрджрд╛рд╣рд░рдг:
// Function
function add(a, b) {
return a + b;
}
// Method
const calculator = {
add: function(a, b) {
return a + b;
}
};
console.log(add(5, 10)); // Function call
console.log(calculator.add(5, 10)); // Method call
рд╡реНрдпрд╛рд╡рд╣рд╛рд░рд┐рдХ рдЙрджрд╛рд╣рд░рдг
Functions рдмрдирд╛рдирд╛ рдФрд░ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛
рдЖрдЗрдП JavaScript рдореЗрдВ Arrow Functions рдФрд░ Regular Functions рджреЛрдиреЛрдВ рдХреЛ рдХреИрд╕реЗ рдмрдирд╛рдПрдВ рдФрд░ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ, рдЗрд╕рдХрд╛ рдЕрдиреНрд╡реЗрд╖рдг рдХрд░рддреЗ рд╣реИрдВред
Arrow Function рдЙрджрд╛рд╣рд░рдг
// Arrow Function
const add = (a, b) => {
return a + b;
};
// Using the arrow function
console.log(add(10, 35)); // Output: 45
рд╡реНрдпрд╛рдЦреНрдпрд╛:
- рдкрд░рд┐рднрд╛рд╖рд╛:
add
Function рдХреЛ Arrow Function рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдЬреЛ рджреЛ рдкреИрд░рд╛рдореАрдЯрд░a
рдФрд░b
рд▓реЗрддрд╛ рд╣реИред - Return Statement: рдпрд╣
a
рдФрд░b
рдХрд╛ рдпреЛрдЧ рд▓реМрдЯрд╛рддрд╛ рд╣реИред - Invocation: Function рдХреЛ рдЖрд░реНрдЧреБрдореЗрдВрдЯреНрд╕
10
рдФрд░35
рдХреЗ рд╕рд╛рде рдХреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдФрд░ рдкрд░рд┐рдгрд╛рдо рдХрдВрд╕реЛрд▓ рдореЗрдВ рд▓реЙрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
Regular Function рдореЗрдВ рд░реВрдкрд╛рдВрддрд░рдг
рдЖрдк рдКрдкрд░ рдХреЗ Arrow Function рдХреЛ рдиреАрдЪреЗ рджрд┐рдЦрд╛рдП рдЕрдиреБрд╕рд╛рд░ Regular Function рдореЗрдВ рдмрджрд▓ рд╕рдХрддреЗ рд╣реИрдВ:
// Regular Function
function add(a, b) {
return a + b;
}
// Using the regular function
console.log(add(10, 35)); // Output: 45
рдореБрдЦреНрдп рдмрджрд▓рд╛рд╡:
- Arrow рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХреЛ function рдХреАрд╡рд░реНрдб рд╕реЗ рдмрджрд▓рд╛ред
const
рдШреЛрд╖рдгрд╛ рдХреЛ рд╣рдЯрд╛ рджрд┐рдпрд╛ред
Objects рдкрд░ Methods рд▓рд╛рдЧреВ рдХрд░рдирд╛
Methods рдЖрдкрдХреЛ Objects рдХреЗ рднреАрддрд░ рд╕рдВрдХреНрд╖рд┐рдкреНрддрд┐рдд рдбреЗрдЯрд╛ рдкрд░ рд╕рдВрдЪрд╛рд▓рди рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддреЗ рд╣реИрдВред рдЖрдЗрдП рдПрдХ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦрддреЗ рд╣реИрдВ рдЬрд┐рд╕рдореЗрдВ String Manipulation рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред
const name = 'alice';
// Using the toUpperCase method on the string object
const upperName = name.toUpperCase();
console.log(upperName); // Output: ALICE
рд╡реНрдпрд╛рдЦреНрдпрд╛:
- String Object:
name
рдПрдХ string primitive рд╣реИред JavaScript рдореЗрдВ, рдЬрдм Methods рдХреЛ string primitives рдкрд░ рдХреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдЙрдиреНрд╣реЗрдВ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ String Objects рдХреЗ рд╕рд╛рде рд▓рдкреЗрдЯрд╛ рдЬрд╛рддрд╛ рд╣реИред - Method Invocation:
toUpperCase
Method рдХреЛname
рдкрд░ рдХреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рдпрд╣ upper case рдореЗрдВ рдмрджрд▓ рдЬрд╛рддрд╛ рд╣реИред - Result: uppercase рд╕рдВрд╕реНрдХрд░рдг рдХреЛ string рдХреЛ
upperName
рдореЗрдВ рд╕реНрдЯреЛрд░ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдФрд░ рдХрдВрд╕реЛрд▓ рдореЗрдВ рд▓реЙрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
Step-by-Step Code Breakdown
const name = 'alice'; // рдПрдХ string рд╡реЗрд░рд┐рдПрдмрд▓ рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВ
const upperName = name.toUpperCase();
// 'name' string рдкрд░ toUpperCase Method рдХреЛ рдХреЙрд▓ рдХрд░реЗрдВ
// Method uppercase рдореЗрдВ рдирдпрд╛ string рд▓реМрдЯрд╛рддрд╛ рд╣реИ рдФрд░ рдЙрд╕реЗ 'upperName' рдореЗрдВ рдЕрд╕рд╛рдЗрди рдХрд░рддрд╛ рд╣реИ
console.log(upperName); // рдкрд░рд┐рдгрд╛рдо рдХреЛ рдЖрдЙрдЯрдкреБрдЯ рдХрд░реЗрдВ: ALICE
Functions рдФрд░ Methods рдХреЛ рдорд┐рд▓рд╛рдирд╛
рдЖрдЗрдП рдПрдХ рд╣реА рдЙрджрд╛рд╣рд░рдг рдореЗрдВ Functions рдФрд░ Methods рджреЛрдиреЛрдВ рдХреЛ рдорд┐рд▓рд╛рдХрд░ рджреЗрдЦрддреЗ рд╣реИрдВ рдХрд┐ рд╡реЗ рдХреИрд╕реЗ рдЗрдВрдЯрд░реИрдХреНрдЯ рдХрд░рддреЗ рд╣реИрдВред
// Function to concatenate two strings
function concatenate(a, b) {
return a + b;
}
// Method to convert the concatenated string to uppercase
const result = concatenate('hello, ', 'world').toUpperCase();
console.log(result); // Output: HELLO, WORLD
рд╡реНрдпрд╛рдЦреНрдпрд╛:
- Function Definition:
concatenate
Function рджреЛ strings рд▓реЗрддрд╛ рд╣реИ рдФрд░ рдЙрдирдХрд╛ concatenation рд▓реМрдЯрд╛рддрд╛ рд╣реИред - Function Call & Method Invocation: Function рдХреЛ
'hello, '
рдФрд░'world'
рдХреЗ рд╕рд╛рде рдХреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдФрд░ resulting string рдХреЛ рддреБрд░рдВрддtoUpperCase
Method рдореЗрдВ рдкрд╛рд╕ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред - Result: рдЕрдВрддрд┐рдо uppercase string
'HELLO, WORLD'
рдХрдВрд╕реЛрд▓ рдореЗрдВ рд▓реЙрдЧ рдХреА рдЬрд╛рддреА рд╣реИред
рдирд┐рд╖реНрдХрд░реНрд╖
рдЗрд╕ рд╡реНрдпрд╛рдкрдХ рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛ рдореЗрдВ, рд╣рдордиреЗ JavaScript рдореЗрдВ Functions рдФрд░ Methods рдХреА рдореМрд▓рд┐рдХ рдЕрд╡рдзрд╛рд░рдгрд╛рдУрдВ рдХрд╛ рдЕрдиреНрд╡реЗрд╖рдг рдХрд┐рдпрд╛ рд╣реИред Standalone Functions рдФрд░ Object-рд╕рдВрдмрдВрдзрд┐рдд Methods рдХреЗ рдмреАрдЪ рдЕрдВрддрд░ рдХреЛ рд╕рдордЭрдирд╛ рд╕рд╛рдл, рдХреБрд╢рд▓, рдФрд░ рд░рдЦрд░рдЦрд╛рд╡ рдпреЛрдЧреНрдп рдХреЛрдб рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИред
рдореБрдЦреНрдп рдмрд┐рдВрджреБ:
- Functions рдкреБрди: рдкреНрд░рдпреЛрдЬреНрдп рдХреЛрдб рдХреЗ рдмреНрд▓реЙрдХ рд╣реИрдВ рдЬреЛ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдХрд╛рд░реНрдп рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдЗрдиреНрд╣реЗрдВ Regular рдпрд╛ Arrow рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред
- Methods Functions рд╣реИрдВ рдЬреЛ Objects рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рд╣реЛрддреЗ рд╣реИрдВ, рдЬрд┐рд╕рд╕реЗ рдЖрдк Object рдХреЗ рдбреЗрдЯрд╛ рдкрд░ рд╕рдВрдЪрд╛рд▓рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
- Arrow Functions рдЕрдзрд┐рдХ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рд╕рд┐рдВрдЯреИрдХреНрд╕ рдкреНрд░рджрд╛рди рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдЙрдирдХрд╛ lexical this binding рд╣реЛрддрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рд╡реЗ рдХреБрдЫ рдкрд░рд┐рд╕реНрдерд┐рддрд┐рдпреЛрдВ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреБрдХреНрдд рд╣реЛрддреЗ рд╣реИрдВред
- Regular Functions this context рдХреЗ рд╕рд╛рде рдЕрдзрд┐рдХ рд▓рдЪреАрд▓рд╛рдкрди рдкреНрд░рджрд╛рди рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдЗрдиреНрд╣реЗрдВ constructors рдХреЗ рд░реВрдк рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред
рдЗрди рдЕрд╡рдзрд╛рд░рдгрд╛рдУрдВ рдореЗрдВ рдорд╣рд╛рд░рдд рд╣рд╛рд╕рд┐рд▓ рдХрд░рдХреЗ, рдЖрдк рдЕрдкрдиреЗ JavaScript рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ рдХреМрд╢рд▓ рдХреЛ рдмрдврд╝рд╛ рд╕рдХрддреЗ рд╣реИрдВ, рдЬрд┐рд╕рд╕реЗ рдЕрдзрд┐рдХ рдордЬрдмреВрдд рдФрд░ рд╕реНрдХреЗрд▓реЗрдмрд▓ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рд╡рд┐рдХрд╕рд┐рдд рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓рддреА рд╣реИред
Note: рдпрд╣ рд▓реЗрдЦ AI рджреНрд╡рд╛рд░рд╛ рдЙрддреНрдкрдиреНрди рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред
“`