JavaScript:使用引用“方法”更改行为

时间:2013-07-19 17:26:35

标签: javascript function-pointers

JavaScript函数式编程问题。这是我的node REPL会话的屏幕截图。为什么我的y(4)来电不会推入x数组?是否有一种比底部function更简单的方法来做同样的事情?

> var x = []
undefined
> var y = x.push
undefined
> x.push(3)
1
> y(4)
2
> x
[ 3 ]
> y.call(4)
undefined
> x
[ 3 ]
> (function(data){x.push(data);})(4)  # too much typing :-)
undefined
> x
[ 3, 4 ]

如果这是一个重复的问题,请原谅;我不清楚如何搜索这类东西。

1 个答案:

答案 0 :(得分:4)

.call的第一个参数是要在函数内使用的this上下文。我相信如果您使用它,它将会起作用:

y.call(x, 4)

如果未正确设置this,则不会对x采取行动。当您向y创建引用x.push时,该引用不会绑定到x。如果您想要push的绑定版本,则可以按@ go-oleg(或var y = x.push.bind(x))的建议使用Array.prototype.push.bind(x)。然后y(4)将推送到x


现在,Array.prototype.push的问题在于它依赖于this,更适合面向对象的编程风格。我认为,更具功能性的方法将类似于以下内容(用下划线库说明):

function push(arr) {
   return arr.push.apply(arr, _.rest(arguments));
}

var x = [];
var pushToX = _.partial(push, x);

pushToX('foo', 'bar');
console.log(x); // ['foo', 'bar']

http://jsfiddle.net/hUJjz/