{"id":29856,"date":"2015-11-10T11:07:40","date_gmt":"2015-11-10T05:37:40","guid":{"rendered":"https:\/\/2thenew.today\/blog\/?p=29856"},"modified":"2015-11-10T11:07:40","modified_gmt":"2015-11-10T05:37:40","slug":"call-vs-apply-vs-bind","status":"publish","type":"post","link":"https:\/\/2thenew.today\/blog\/call-vs-apply-vs-bind\/","title":{"rendered":".call() vs .apply() vs .bind()"},"content":{"rendered":"

To start with lets suppose we have a function getCount as defined below-<\/strong>
\n[code lang=”html”]function getCount(a,b,c){
\n return this.count + a + b + c;
\n}[\/code]<\/p>\n

To provide different scope at the time of “getCount” function execution. We generally use these functions<\/p>\n

1- .call():<\/strong><\/p>\n

[code lang=”html”]
\nvar obj1 = { count: 10 };
\ngetCount.call(obj1,4,5,6);
\n\/\/ functionName.call(‘this’ or the scope you want this function
\n\/\/to refer, argument1, argument2, argument3)[\/code] <\/p>\n

Output: 25<\/strong><\/p>\n

2- .apply():<\/strong>
\n[code lang=”html”]getCount.apply(obj1, [4,5,6]);
\n\/\/ functionName.call(‘this’ or the scope you want this function to refer, array of arguments [argument1, argument2, argument3])
\n[\/code]
\nOutput: 25<\/strong><\/p>\n

3- .bind():<\/strong>
\nThis is slight different from above both the functions.
\n[code lang=”html”]
\nvar bound = getCount.bind(obj1)
\n\/\/functionName.bind(‘this’ or the scope you want this function to refer)
\nbound(4,5,6);
\n[\/code]
\nOutput: 25
\nNote: To explore more about bind() you can check bound function by using console.dir(bound);<\/p>\n","protected":false},"excerpt":{"rendered":"

To start with lets suppose we have a function getCount as defined below- [code lang=”html”]function getCount(a,b,c){ return this.count + a + b + c; }[\/code] To provide different scope at the time of “getCount” function execution. We generally use these functions 1- .call(): [code lang=”html”] var obj1 = { count: 10 }; getCount.call(obj1,4,5,6); \/\/ functionName.call(‘this’ […]<\/p>\n","protected":false},"author":122,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":7,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-29856","post","type-post","status-publish","format-standard","hentry","category-technology"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t