S06L05 – рд╡рд┐рдзрд┐рдпрд╛рдБ рдФрд░ рдлрд╝рдВрдХреНрд╢рди

“`html

JavaScript рдореЗрдВ Methods рдФрд░ Functions рдореЗрдВ рдорд╣рд╛рд░рдд рд╣рд╛рд╕рд┐рд▓ рдХрд░рдирд╛: рдПрдХ рд╡реНрдпрд╛рдкрдХ рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛

рд╕рд╛рдордЧреНрд░реА рддрд╛рд▓рд┐рдХрд╛

рдкрд░рд┐рдЪрдп

“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

рд╡реНрдпрд╛рдЦреНрдпрд╛:

  1. рдкрд░рд┐рднрд╛рд╖рд╛: add Function рдХреЛ Arrow Function рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдЬреЛ рджреЛ рдкреИрд░рд╛рдореАрдЯрд░ a рдФрд░ b рд▓реЗрддрд╛ рд╣реИред
  2. Return Statement: рдпрд╣ a рдФрд░ b рдХрд╛ рдпреЛрдЧ рд▓реМрдЯрд╛рддрд╛ рд╣реИред
  3. 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

рд╡реНрдпрд╛рдЦреНрдпрд╛:

  1. String Object: name рдПрдХ string primitive рд╣реИред JavaScript рдореЗрдВ, рдЬрдм Methods рдХреЛ string primitives рдкрд░ рдХреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдЙрдиреНрд╣реЗрдВ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ String Objects рдХреЗ рд╕рд╛рде рд▓рдкреЗрдЯрд╛ рдЬрд╛рддрд╛ рд╣реИред
  2. Method Invocation: toUpperCase Method рдХреЛ name рдкрд░ рдХреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рдпрд╣ upper case рдореЗрдВ рдмрджрд▓ рдЬрд╛рддрд╛ рд╣реИред
  3. 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

рд╡реНрдпрд╛рдЦреНрдпрд╛:

  1. Function Definition: concatenate Function рджреЛ strings рд▓реЗрддрд╛ рд╣реИ рдФрд░ рдЙрдирдХрд╛ concatenation рд▓реМрдЯрд╛рддрд╛ рд╣реИред
  2. Function Call & Method Invocation: Function рдХреЛ 'hello, ' рдФрд░ 'world' рдХреЗ рд╕рд╛рде рдХреЙрд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдФрд░ resulting string рдХреЛ рддреБрд░рдВрдд toUpperCase Method рдореЗрдВ рдкрд╛рд╕ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
  3. 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 рджреНрд╡рд╛рд░рд╛ рдЙрддреНрдкрдиреНрди рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред







“`

Share your love