Call, apply & Bind in JavaScript - Front End Interview Episode 4 - In 20 Minutes

Tank you Buddy

One thing to consider here is, that if we use the arrow function instead of the es5 function(), then this keyword will point out to a global window object instead of a particular object.

plz also make some frontend projects using react js .. there are very less video just focusiing on frontend projects using react js.. videos to hai par we sab full stack pe focussed hai .. and jab tak ek beginner frontend hi nhi sikh payeha using react js to in sabhi full stack projects ko kaise kar payega..

commenting for better reach

good video nyc

thank you so much finally clear my doubts in these 3 methods

sir event loop in javascript vs event loop in node js iss pa ek details video banawo

It helped me a lot , thanks

nice sir
The way you explained call,bind and apply....it's fantastic

Thankyopu so much best explanation and simple explanantion

superb👍

Thanks Sir

In JavaScript, call, apply, and bind are methods that allow you to control the value of the this keyword within a function and also enable you to pass arguments to a function in different ways. These methods are commonly used in object-oriented programming and functional programming paradigms.

Call Method:
The call method is used to call a function and explicitly specify the value of this inside the function. It allows you to pass arguments to the function individually as a comma-separated list.

javascript
Copy code
const person = {
name: "John",
sayHello: function() {
console.log(`Hello, my name is ${this.name}`);
},
};

const anotherPerson = {
name: "Alice",
};

person.sayHello(); // Output: Hello, my name is John
person.sayHello.call(anotherPerson); // Output: Hello, my name is Alice
In the example above, we have an object person with a method sayHello. Using call, we can invoke the sayHello method with a different object anotherPerson to change the value of this inside the method.

Apply Method:
The apply method is similar to the call method, but instead of passing arguments individually, it takes the arguments as an array.

javascript
Copy code
const person = {
name: "John",
sayHello: function(greeting) {
console.log(`${greeting}, my name is ${this.name}`);
},
};

const anotherPerson = {
name: "Alice",
};

person.sayHello("Hi"); // Output: Hi, my name is John
person.sayHello.apply(anotherPerson, ["Hello"]); // Output: Hello, my name is Alice
In this example, we have modified the sayHello method to accept a greeting argument. Using apply, we can pass the arguments in an array to change the value of this inside the method and provide the greeting.

Bind Method:
The bind method is used to create a new function with a specific value for this, which can be used later. Unlike call and apply, the bind method does not immediately invoke the function but returns a new function with the specified this value.

javascript
Copy code
const person = {
name: "John",
sayHello: function() {
console.log(`Hello, my name is ${this.name}`);
},
};

const anotherPerson = {
name: "Alice",
};

const helloFunction = person.sayHello.bind(anotherPerson);
helloFunction(); // Output: Hello, my name is Alice
In this example, we use bind to create a new function helloFunction with the value of this set to anotherPerson. When we call helloFunction(), it logs the message with the name from anotherPerson.

Choosing Between Call, Apply, and Bind:
The choice between call, apply, and bind depends on your specific use case. Use call or apply when you want to immediately invoke a function with a specific this value and pass arguments individually or as an array, respectively. Use bind when you want to create a new function with a preset this value to be called later.

In summary, call, apply, and bind are powerful methods in JavaScript that allow you to control the value of this inside a function and provide flexibility in passing arguments. Understanding how to use these methods can enhance your code's readability and enable you to create more robust and reusable functions.

its awesome video all douts clear sir thank you

Great simple explanantion again, this video could have been a little shorter or you could add some use-case or necessary situation usecase at the end of video. Thanks again

👍👍👍👍

Why can't we use below method instead of call or apply?

function printDetails(obj) {
console.log(obj.name)
}

printDetails(userDetails);
printDetails(userDetails2);

U are great

Episode🤣🤣🤣🤣🤣

this ko aise bhi samjha ja sakta hai ki wo apne parent object ko point karta hai. agar wo kisi object ke andar nahi hai to global object ko point karta hai.

Very well explained ❤

LOVELY!

sir please raat ko mat padaya karo hame bhi nind aati hi

Very helpful video thank you sir❤❤

Thanks alot sir 🤗 amazing video

Please learn these concepts because today in my mid-level react interview I got these questions.

nice video every point discussed in video was clear to me
sir ,i request u to make a playlist on javascript for beginners to advance.

nice explanation with simple real examples....)

thanks man !

Video acchi hai bas 2 minutes starting me skip maar do

we support you :)

greate tutorial hats of to you sunejaji .. nice-one

Well explained 👍

Your explanation is really very good and understandable.

Very Well Explained. Thank you very much..

bind means copy of function to always get the same value Ajay Suneja Delhi and India in this video Call, apply & Bind in JavaScript - Front End Interview 🔥 Episode 4 - In 20 Minutes

Very well explained with examples! Thank you!

Very good video. Immpressive.

Thanx Bhaiya ❤️, Understood all.

Explained Nicely... Jab hume pata hi nahin hai problem kahan hai... Solution ko kaise use karen... Great sir

And brother plz make video on what are the important topics to learn before starting react js ...

One important use of bind function is :
When we used a function as callback like setTimeout() , there is chance that method loose reference of object .
So to tightly bind the method with object we can use bind method.

Apart of this.. thanks alot brother for explaining call and apply function very well..

Thank you bhaiya

Array interview question and answers

sir ek suggestion h... try kra kriye thoda time kam lene ka.... agar koi aur wahi topic kafi kam time me explain kr de ra ... to apko koi kyu yad rkehga ......... avi space banaiye content solid rakhkr..aur bad me watchtime badhaiyega

Continue this series.....

Live projects me kya use h ?

Pls make more videos on advanced javascript