Function.prototype.apply
apply接受2个参数, 第1个指定了函数体内this对象的指向, 第2个参数为一个数组或者Array like的集合.
apply方法吧这个集合中的元素作为参数传递给被调用的函数.
var func = function(a, b, c) { console.log([a,b,c]); // [1,2,3]}func.apply(null, [1,2,3])
Function.prototype.call
包装apply. 如果知道函数接受多少个参数, 想一目了然的比殴打形参和实参的对应关系.
当使用call/apply时候. 如果第1个参数惨null, this默认指向window
严格模式下为null
var func = function(a, b, c) { "use strict"; console.log(this === null); // true}func.apply(null, [1,2,3])
* 实现函数 callIt,调用之后满足如下条件
1、返回的结果为调用 fn 之后的结果2、fn 的调用参数为 callIt 的第一个参数之后的全部参数
function callIt(fn) { return fn.apply(this, [].slice.call(arguments, 1));}// testvar fn = function(a, b, c) { return a+b+c;}callIt(fn, 1, 2, 3); // 6
* 实现函数 partialUsingArguments,调用之后满足如下条件:
1、返回一个函数 result2、调用 result 之后,返回的结果与调用函数 fn 的结果一致3、fn 的调用参数为 partialUsingArguments 的第一个参数之后的全部参数以及 result 的调用参数function partialUsingArguments(fn) { var args = [].slice.call(arguments, 1); return function() { // [].slice.call(arguments) => 把arguments伪数组转换为数组 return fn.apply(this, args.concat([].slice.call(arguments))) }}
* 函数curry
已知 fn 为一个预定义函数,实现函数 curryIt,调用之后满足如下条件: 1、返回一个函数 a,a 的 length 属性值为 1(即显式声明 a 接收一个参数) 2、调用 a 之后,返回一个函数 b, b 的 length 属性值为 1 3、调用 b 之后,返回一个函数 c, c 的 length 属性值为 1 4、调用 c 之后,返回的结果与调用 fn 的返回值一致 5、fn 的参数依次为函数 a, b, c 的调用参数
input: var fn = function (a, b, c) {return a + b + c}; curryIt(fn)(1)(2)(3);
output: 6
function curryIt(fn) { // var args = [].slice.call(arguments, 1) // return fn.apply(this, args); return function(a) { return function(b) { return function(c) { return fn.call(this, a, b, c); } } }}var fn = function (a, b, c) { return a + b + c;};// console.log( curryIt(fn, 1, 2, 3) );console.log( curryIt(fn)(1)(2)(3) );