爲什麼對Function.prototype函數的引用不起作用

Question

爲什麼第二種情況不起作用？

// 1. works 
Object.prototype.hasOwnProperty.call({a:1}, 'a'); 

// 2. does not work 
var hasProp = Object.prototype.hasOwnProperty.call; 
hasProp({a:1}, 'a'); 

http://jsbin.com/ramenaxame/2/edit?js,console

Answer 1

注意，所有功能共享相同的call方法，從Function.prototype繼承。

Object.prototype.hasOwnProperty.call === Function.prototype.call // true 

當你在一個函數中調用call，該功能成爲call的this值，所以call可以調用函數。這是你的第一個代碼，它的工作原理。

但是，在您的第二個代碼中，不要將call作爲對象的方法。因此，其嚴格模式下的this值將爲undefined，或者處於非嚴格模式的全局對象。 undefined和全局對象都不能被調用，所以call會拋出。

事實上，你的代碼就相當於

var hasProp = Function.prototype.call; 
hasProp({a:1}, 'a'); 

正如你所看到的，是hasOwnProperty沒有提及，所以它不能正常工作。

您可以修復使用call與hasOwnProperty調用call作爲this值：

var call = Function.prototype.call; 
call.call(Object.prototype.hasOwnProperty, {a:1}, 'a'); 

但是一個更好的想法是創建一個行爲像call而是有其必然hasOwnPropertythis值的新功能。您可以使用bind來實現這一目標：

var hasProp = Function.prototype.call.bind(Object.prototype.hasOwnProperty); 
hasProp({a:1}, 'a'); 

Answer 2

，可以分離的方法，這種方法以使其工作：

var hasProp = Function.call.bind(Object.prototype.hasOwnProperty)