原生JS：Function对象(apply、call、bind)详解

Function.prototype.apply(thisArg[, argsArray])

在一个对象的上下文中应用另一个对象的方法；参数能够以数组形式传入。

• thisArg 在函数运行时指定的 this 值。需要注意的是，指定的 this 值并不一定是该函数执行时真正的 this 值，如果这个函数处于非严格模式下，则指定为 null 或 undefined 时会自动指向全局对象（浏览器中就是window对象），同时值为原始值（数字，字符串，布尔值）的 this 会指向该原始值的自动包装对象。
  
• argsArray 一个数组或者类数组对象(ES5新增，Chrome 14 以及 Internet Explorer 9 仍然不接受类数组对象。如果传入类数组对象，它们会抛出异常。)，其中的数组元素将作为单独的参数传给函数。如果该参数的值为null 或 undefined，则表示不需要传入任何参数。从ECMAScript 5 开始可以使用类数组对象。浏览器兼容性请参阅本文底部内容。

• 使用 apply和call， 你可以只写一次这个方法然后在另一个对象中继承它，而不用在新对象中重复写该方法。
  
• 可以使用 arguments  对象作为 argsArray 参数。 arguments 是一个函数的局部变量。 它可以被用作被调用对象的所有未指定的参数。 这样，你在使用apply函数的时候就不需要知道被调用对象的所有参数。 你可以使用arguments来把所有的参数传递给被调用对象。
  

var numbers = [5, 6, 2, 3, 7];
var max = Math.max.apply(null, numbers);
var min = Math.min.apply(null, numbers);

function minOfArray(arr) {
　　var min = Infinity;
　　var QUANTUM = 32768;
　　for (var i = 0, len = arr.length; i < len; i += QUANTUM) {
　　　　var submin = Math.min.apply(null, arr.slice(i, Math.min(i + QUANTUM, len)));
　　　　min = Math.min(submin, min);
　　}
　　return min;
}
var min = minOfArray([5, 6, 2, 3, 7]);

Function.prototype.bind(thisArg[, arg1[, arg2[, ...]]])

bind()方法会创建一个新函数(新函数与被调函数具有相同的函数体)称为绑定函数。

• 当调用这个绑定函数时，绑定函数会以创建它时传入 bind()方法的第一个参数作为 this，传入 bind()方法的第二个以及以后的参数作为绑定函数的预设参数，加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数.
  
• 一个绑定函数也能使用new操作符创建对象：这种行为就像把原函数当成构造器。提供的 this 值被忽略，同时调用时的参数被提供给模拟函数。
  

function Point(x, y) {
　　this.x = x;
　　this.y = y;
}
Point.prototype.add = function() {
　　return this.x + this.y;
};
var p = new Point(1, 2);
console.log(p); //Point { x: 1, y: 2 }
var YAxisPoint = Point.bind({}, 5);
var x = new YAxisPoint(6);
console.log(x); //Point { x: 5, y: 6 }
console.log(x.add()); //11 

bind() 最简单的用法是为原函数创建一个绑定函数，绑定到指定的对象上，使这个函数不论怎么调用都有同样的 this 值

this.x = 9;
var module = {
　　x: 81,
　　getX: function() { return this.x; }
};
module.getX(); // 返回 81
var retrieveX = module.getX;
retrieveX(); // 返回 9, 在这种情况下，"this"指向全部作用域
// 创建一个新函数，将"this"绑定到module对象
// 新手可能会被全局的x变量和module里的属性x所迷惑
var boundGetX = retrieveX.bind(module);
boundGetX(); // 返回 81

bind()的另一个最简单的用法是使一个函数拥有预设的初始参数

function list() {
　　return Array.prototype.slice.call(arguments);
}
var list1 = list(1, 2, 3); // [1, 2, 3]
var leadingThirtysevenList = list.bind(undefined, 37);
var list2 = leadingThirtysevenList(); // [37]
var list3 = leadingThirtysevenList(1, 2, 3); // [37, 1, 2, 3]

function foo(x,y){
　　return y ? x+y : foo.bind(void 0,x)
}
console.log(foo(1,4)); //3
console.log(foo(1)(4)); //3

配合 setTimeout，在默认情况下，使用 window.setTimeout() 时，this 关键字会指向 window （或全局）对象。当使用类的方法时，需要 this 引用类的实例，你可能需要显式地把 this 绑定到回调函数以便继续使用实例。

function LateBloomer() {
　　this.petalCount = Math.ceil(Math.random() * 12) + 1;
}
LateBloomer.prototype.bloom = function() {
　　window.setTimeout(this.declare.bind(this), 1000);
};
LateBloomer.prototype.declare = function() {
　　console.log(‘I am a beautiful flower with ‘ +
　　this.petalCount + ‘ petals!‘);
};
var flower = new LateBloomer();
flower.bloom(); // 一秒钟后, 调用\‘declare\‘方法

Function.prototype.toString()

获取函数的实现源码的字符串。覆盖了 Object.prototype.toString 方法。