javascript:为什么某些函数可以绑定和映射而其他函数不能?

时间:2015-07-21 20:36:07

标签: javascript

出于好奇:

MDN教会了我如何快速修改功能应用程序:

trim = Function.prototype.call.bind(String.prototype.trim)

join = Function.prototype.call.bind(Array.prototype.join)

现在,由于某种原因,我可以映射trim,而不是joinjoin','作为默认参数(分隔符),所以我应该没问题,但它使用了数组索引:

> trim = Function.prototype.call.bind(String.prototype.trim)
call()
> [' a','b '].map(trim)
["a", "b"]
> join = Function.prototype.call.bind(Array.prototype.join)
call()
> [['a','b'],['c','d']].map(join)
["a0b", "c1d"]

为什么?

另外,如果我真的想要一个不同的分隔符怎么办?将它传递给bind并不起作用,因为它被添加到现有参数之前(在任何时候我映射的列表中的一个元素)。然后它将角色的角色加入,如果有分离的话,要加入的字符串将充当分隔符:

> joins = Function.prototype.call.bind(Array.prototype.join,';')
call()
> [['a','b'],['c','d']].map(joins)
[";", ";"]

我研究并发现:

Answers explaining the thing with this and solutions equivalent to the bind shortcut I referenced

Similar explanations, the solution using thisArg again, from MDN's page about map

A duplicate question with duplicate answers

1 个答案:

答案 0 :(得分:2)

传递给map的函数会收到3个参数。基本上地图就是这样的。

Array.prototype.map = function(f) {
  var result = [];
  for(var i = 0; i < this.length; i++) {
    result.push(f(this[i], i, this));
  }
  return result;
}

所以当你运行这段代码时 [['a','b'],['c','d']].map(join), 这就是map

中发生的事情
join(['a', 'b'], 0, [['a','b'],['c','d']])
join(['c', 'd'], 1, [['a','b'],['c','d']])

要获得您想要的结果,您可以编写一个可以生成连接函数的函数。 e.g。

function joinSep(separator) {
  return function(array) {
    return array.join(separator)
  }
}
var joins = joinSep(';');
[['a','b'],['c','d']].map(joins)