bind()方法

Function.prototype.bind()方法

bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()第一个参数的值，例如，f.bind(obj)，实际上可以理解为obj.f()，这时，f函数体内的this自然指向的是obj

例子

var a = {
	b : function(){
		var func = function(){
			console.log(this.c);
		}
		func();
	},
	c : 'Hello!'
}
a.b();
//undefined

注意：这里的this指向的是全局作用域，所以会返回undefined

var a = {
	b : function(){
		var that = this;
		var func = function(){
			console.log(that.c);
		}
		func();
	},
	c : 'Hello!'
}
a.b();
//Hello!

注意：可以通过赋值的方式将this赋值给that

var a = {
	b : function(){
		var func = function(){
			console.log(this.c);
		}.bind(this);
		func();
	},
	c : 'Hello!'
}
a.b();
//Hello!

var a = {
	b : function(){
		var func = function(){
			console.log(this.c);
		}
		func.bind(this)();
	},
	c : 'Hello!'
}
a.b();
//Hello!

注意：当然，也可以通过bind的方式绑定this，上述两种bind绑定的方式都可以
再看另外一种用法

例子

function f(y, z){
	return this.x + y + z;
}
var m = f.bind({x : 1}, 2);
console.log(m(3));
//6

注意：这里bind方法会把它的第一个实参绑定给f函数体内的this，所以这里的this即指向{x : 1}对象，从第二个参数起，会依次传递给原始函数，这里的第二个参数2，即是f函数的y参数，最后调用m(3)的时候，这里的3便是最后一个参数z了，所以执行结果为1 + 2 + 3 = 6
分步处理参数的过程其实是一个典型的函数柯里化的过程（Curry）

我们再来看一道题目

var a = document.write;
a('hello');
//Error
 
a.bind(document)('hello');
//hello
 
a.call(document, 'hello');
//hello

注意：这里直接调用a的话，this指向的是global或window对象，所以会报错，通过bind或者call的方式绑定this至document对象，即可正常调用
可以用bind的方式预定义参数，例子

function list(){
	return Array.prototype.slice.call(arguments);
}
var list1 = list(1, 2, 3);
//[1, 2, 3]
 
//预定义参数
var a = list.bind(undefined, 10);
 
var list2 = a();
//[10]
 
var list3 = a(1, 2, 3);
//[10, 1, 2, 3]

注意：这里的Array.prototype.slice.call(arguments)是用来将参数由类数组转换为真正的数组，a的第一个参数undefined表示this的指向，第二个参数10即表示list中真正的第一个参数，依次类推