綁定函數(shù)bind()最簡單的用法是創(chuàng)建一個函數(shù)，使這個函數(shù)不論怎么調用都有同樣的this值。不同于call和apply只是單純地設置this的值后傳參，它還會將所有傳入bind()方法中的實參（第一個參數(shù)之后的參數(shù)）與this一起綁定。

關于這個特性看《JS權威指南》原文的例子：

var sum = function(x,y) { return x + y }; 

var succ = sum.bind(null, 1); //讓this指向null，其后的實參也會作為實參傳入被綁定的函數(shù)sum

succ(2); // => 3: 可以看到1綁定到了sum函數(shù)中的x

其次， bind()方法所返回的函數(shù)的length（形參數(shù)量）等于原函數(shù)的形參數(shù)量減去傳入bind()方法中的實參數(shù)量（第一個參數(shù)以后的所有參數(shù)），因為傳入bind中的實參都會綁定到原函數(shù)的形參，舉個例子：

function func(a,b,c,d){...} //func的length為4

var after = func.bind(null,1,2); //這里輸入了兩個實參（1，2）綁定到了func函數(shù)的a，b

console.log(after.length); //after的length為2

第三，當bind()所返回的函數(shù)用作構造函數(shù)的時候，傳入bind()的this將被忽略，實參會全部傳入原函數(shù)，這樣說很抽象，舉個例子：

function original(x){
 this.a = 1;
 this.b = function(){return this.a + x}
}
var obj={
 a = 10
}
var newObj = new(original.bind(obj, 2)); //傳入了一個實參2

console.log(newObj.a); //輸出1, 說明返回的函數(shù)用作構造函數(shù)時obj(this的值)被忽略了
console.log(newObj.b()); //輸出3 ，說明傳入的實參2傳入了原函數(shù)original

以上就是ES5中bind方法的特性，這種技術也被稱為函數(shù)柯里化。這種技術將多個參數(shù)的函數(shù)變成只帶一個參數(shù)的函數(shù)。bind方法就是該技術在js中的實踐。

關于這篇淺談JS中的bind方法與函數(shù)柯里化就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: