JS中的bind的實(shí)現(xiàn)以及使用
在JavaScript中，bind是一個非常有用的函數(shù)方法。它可以創(chuàng)建一個新的函數(shù)，同時確保這個函數(shù)在調(diào)用時，具有特定的this值，并且可以傳遞指定的參數(shù)。
bind方法的定義如下：
function bind(fn, obj, ...args) {
return function(...args2) {
return fn.apply(obj, [...args, ...args2]);
};
}
登錄后復(fù)制
上述的bind方法接收三個參數(shù)：fn，obj和args。fn是需要綁定this值的函數(shù)，obj是函數(shù)在調(diào)用時this指向的對象，args是傳遞給fn函數(shù)的參數(shù)。
接下來，我們來看一個具體的示例來理解bind的使用。
const person = {
firstName: 'John',
lastName: 'Doe',
getFullName: function() {
return this.firstName + ' ' + this.lastName;
}
};
const printFullName = function() {
console.log(this.getFullName());
};
const logFullName = printFullName.bind(person);
logFullName();
登錄后復(fù)制
上面的代碼中，我們創(chuàng)建了一個person對象，其中包含一個getFullName方法，該方法返回人的全名。然后，我們定義了一個普通的函數(shù)printFullName，它會打印出調(diào)用者的全名。
然而，由于printFullName函數(shù)是在全局作用域中定義的，所以當(dāng)我們直接調(diào)用printFullName時，this將是指向全局對象（在瀏覽器中為window對象），而不是person對象。
為了解決這個問題，我們使用bind方法將printFullName函數(shù)綁定到person對象上，這樣在調(diào)用logFullName函數(shù)時，this將指向person對象，從而正確地打印出全名。
bind方法可以接收額外的參數(shù)，并將其傳遞給原始函數(shù)。舉個例子來說，我們可以將logFullName函數(shù)更改為接收一個名字參數(shù)，并將其傳遞給getFullName方法。
const person = {
firstName: 'John',
lastName: 'Doe',
getFullName: function(name) {
return this.firstName + ' ' + this.lastName + ' is ' + name;
}
};
const printFullName = function(name) {
console.log(this.getFullName(name));
};
const logFullName = printFullName.bind(person, 'great');
logFullName();
登錄后復(fù)制
在上面的代碼中，我們在bind方法中傳遞了一個名字參數(shù)’great’。當(dāng)調(diào)用logFullName函數(shù)時，該參數(shù)將被傳遞給getFullName方法，從而打印出 “John Doe is great”。
總結(jié)一下，bind方法是一個非常有用的函數(shù)方法，它可用于創(chuàng)建一個新的函數(shù)，并確保這個函數(shù)在調(diào)用時具有特定的this值，并且可以傳遞指定的參數(shù)。通過正確使用bind方法，我們可以避免this指向的問題，并靈活地傳遞參數(shù)給原始函數(shù)。
