'कॉल/लागू' और 'बाइंड'

Question

var obj = { 
    x: 81, 
    getX: function() { 
    console.log(this.x) 
    } 
}; 
var getX = obj.getX.bind(obj);//use obj as 'this'; 
getX();//81 
var getX = function(){ 
    obj.getX.apply(obj); 
} 
getX();//also 81 

बाइंड और कॉल/लागू का उपयोग बहुत समान दिखता है, मैं जानना चाहता हूं कि उनके बीच क्या अंतर है। उपरोक्त दो getX फ़ंक्शन एक जैसा है?

Answer 1

bind एक फ़ंक्शन देता है जो मूल फ़ंक्शन की तरह कार्य करेगा लेकिन this पूर्वनिर्धारित होगा। आमतौर पर इसका उपयोग तब किया जाता है जब आप किसी ईवेंट हैंडलर या अन्य एसिंक कॉलबैक में कोई फ़ंक्शन पास करना चाहते हैं।

call और apply आपको this के मूल्य और फ़ंक्शन प्राप्त होने वाले किसी भी तर्क को तुरंत निर्दिष्ट करने के लिए एक फ़ंक्शन को कॉल करेगा।

आपका दूसरा उदाहरण अज्ञात फ़ंक्शन को परिभाषित करता है जो apply पर कॉल करता है। यह एक आम पैटर्न है; bind उसमें एक मानक कार्यान्वयन प्रदान करता है जो आपको इसे एक साधारण फ़ंक्शन कॉल (इस प्रकार लिखने के लिए तेज़ और आसान) के साथ करने की अनुमति देता है।

Answer 2

.call() - कॉल निर्दिष्ट तर्क

.apply() के साथ एक ही समारोह - तर्क एक सरणी

.bind() में निर्दिष्ट के साथ एक ही फ़ंक्शन को कॉल - एक पूर्व निर्धारित के साथ एक ही समारोह शरीर के साथ एक नया कार्य बनाता है, this (पहला तर्क) का मान और उस कार्य को लौटाता है।

सभी मामलों में, पहला तर्क फ़ंक्शन के अंदर this के मान के रूप में उपयोग किया जाता है।

Answer 3

अंतर यह है कि आप कॉल कैसे करते हैं। यदि आप एक बाध्य समारोह नहीं है, तो

getx(); 

, और आप this सेट करना चाहते हैं, तो आप ऐसा: आप bind का उपयोग किया है एक बाध्य this मूल्य के साथ एक समारोह वापस पाने के लिए, आप बस फ़ंक्शन को कॉल करें

someFunction.call(objectToUseAsThis, arg1, arg2); 
// or 
someFunction.apply(objectToUseAsThis, [arg1, arg2]); 

ध्यान दें कि आप (अपने getX) की तरह एक बाध्य समारोह है, उस पर call का उपयोग कर अगर, व्यर्थ है क्योंकि this आपूर्ति सिर्फ बाध्य this द्वारा ओवरराइड हो जाएगी: call या apply साथ । (apply का उपयोग करना उपयोगी हो सकता है, यदि आपके पास तर्कों के रूप में गधे के रूप में गधे बनाना चाहते हैं।)