已知函数 fn 执行需要 3 个参数。请实现函数 partial,调用之后满足如下条件:
1、返回一个函数 result,该函数接受一个参数
2、执行 result(str3) ,返回的结果与 fn(str1, str2, str3) 一致
var sayIt = function(greeting, name, punctuation) { return greeting + ', ' + name + (punctuation || '!'); }; partial(sayIt, 'Hello', 'Ellie')('!!!');
Hello, Ellie!!!
var sayIt = function(greeting, name, punctuation) { return greeting + ', ' + name + (punctuation || '!'); }; partial(sayIt, 'Hello', 'Ellie')('!!!');Hello, Ellie!!!
// call和apply必须显式地调用str3,立即执行
// bind不是立即执行,未传入str3时,并未执行,只是返回一个函数,等待参数传入
// this用于上下文不确定的情况
// call
function partial(fn, str1, str2) {
function result(str3) {
return fn.call(this, str1, str2, str3);
}
return result;
}
// apply(这里只是为了对照)
function partial(fn, str1, str2) {
function result(str3) {
return fn.apply(this, [str1, str2, str3]);
}
return result;
}
// 这个bind会生成一个新函数(对象), 它的str1, str2参数都定死了, str3未传入, 一旦传入就会执行
function partial(fn, str1, str2) {
return fn.bind(this, str1, str2); // 或 return fn.bind(null, str1, str2);
}
// bind同上, 多了一步, 把str3传入的过程写在另一个函数里面,
// 而另一个函数也有str1, str2参数
// 此法有种多次一举的感觉,但是表示出了后续的调用。
function partial(fn, str1, str2) {
function result(str3) {
return fn.bind(this, str1, str2)(str3);
}
return result;
}
// 匿名函数,默认this绑定global,与bind的第一个参数为this时效果一样。
function partial(fn, str1, str2) {
return function(str3) {
return fn(str1, str2, str3);
}
}
// ES6。this指向undefined.
const partial = (fn, str1, str2) => str3 => fn(str1, str2, str3); partial(sayIt, 'Hello', 'Ellie')('!!!');首先执行partial(sayIt, 'Hello', 'Ellie'),将参数传入,然后返回函数result与('!!!')组合成result('!!!')执行。于是,可以在result函数里调用fn,因为函数的参数固定为三个,因此可以用call方法去调用函数fn。
function partial(fn, str1, str2) {
var result = function(str3){
return fn.call(this, str1, str2, str3);
}
return result;
}
//bind
function partial(fn, str1, str2) {
return fn.bind(null,str1,str2);
}
//call
function partial(fn, str1, str2) {
return function(str3){
return fn.call(this,str1,str2,str3);
}
}
//
function partial(fn, str1, str2) {
return function(str3){
return fn(str1,str2,str3);
}
}
Function.prototype._bind = function () {
var _this = this,
context = [].shift.call(arguments),
args = [].slice.call(arguments);
if (args.length < _this.length) {
return function () {
return _this.apply(context, [].concat.call(args, [].slice.call(arguments)));
}
} else {
console.log(args.slice(0, _this.length));
return _this.apply(context, args.slice(0, _this.length));
}
}
var test2 = {
name: 'hi there'
};
var fn3 = function (a, b, c, d) {
return this.name + a + b + c + d;
}._bind(test2, 1, 2);
console.log( fn3(3, 4) ); //hi there 1 2 3 4
function partial(fn, str1, str2) {
var result = function(str3){
return fn.call(this, str1, str2, str3);
}
return result;
}