Prototypal Inheritance:为什么false不等于false?

时间:2013-11-07 04:20:10

标签: javascript inheritance prototype

我快速起草了一个小助手方法,使未定义的变量检查更容易。

Object.prototype.is = function() {
   for(var i in arguments) {
       if(this === arguments[i]) {
           return true;
       }
   }
   return false;
};

设计使用如下:foo.is(undefined, false)来检查foo是未定义还是false。我使用的测试用例是:

var a = false;
a.is(false);
> false
有点困惑,我多玩了一下。一些console.logging显示相等检查失败,因为被比较的两个对象不一样。

Boolean {is: function} === false
> false

所以,a继承了曾祖父的is方法:Object.prototype,但比较中的false没有。

我想我可以通过使用new Boolean(false)来强制继承,这肯定会创建一个对象的新实例(希望能够避免在扩展Object的原型之前创建的对象引用时可能出现的任何风险)。结果:

Boolean {is: function} === Boolean {is: function}
> false

为什么平等检查失败?

作为解决这里发生的事情的过程的一部分,我在使用单个布尔值作为参数调用函数之后检查了arguments数组,但发现它的长度为2,额外的参数是在Object.prototype中声明的is函数。

a.is(false);
arguments -> [false, is: function]

那是怎么结束的?

作为参考,我知道像这样的猴子修补是个坏主意!这不是生产代码,我只是感兴趣。

1 个答案:

答案 0 :(得分:5)

有什么问题?

这是将this值强制转换为对象的另一个问题 - 猴子补丁将'use strict'添加到函数的开头,这可以防止此强制发生。但是,较旧的浏览器可能无法识别此指令。

如果功能不严格,基本上会发生以下情况:

var a = false;
Object.prototype.is.call(Object(a), undefined, false);

a转换为对象时(通过调用Object(a)),它将变为布尔对象,这与布尔值不同。例如,采取这个:

false === new Boolean(false); // false

此外,对象在引用同一对象时仅相等:

new Boolean(false) === new Boolean(false); // false
var test = new Boolean(false);
test === test; // true, they are the same object

发生的另一个问题是,当使用is()调用null函数时(并且它不严格),它将失败:

Object.prototype.is.call(null, null); // becomes window === null (false)

我该怎么办?

使其成为严格函数的替代方法包括比较两者的对象值(尽管这会使new Boolean(false).is(false)new Boolean(false).is(new Boolean(false))之类的东西变为真,这可能是无意的。

您可以采取的另一种方法是使其成为非原型函数,即使其类似于Object.is(尽管要注意ES6可能会定义本机Object.is函数这将与你的行为不同):

Object.oneIsEqual = function (arg, compare)
{   for(var i = 0; i < compare.length; ++i) if (arg === compare[i]) return true;
    return false;
};

关于编辑的注意事项:

你在for-in循环中获得原始函数的原因是因为你已经在原型上定义了它,并且它是可枚举的(更多内容在一秒内)。

arguments对象的原型为Object.prototype,可以在is上访问arguments函数。

Object.prototype.is = function() {
   for(var i in arguments) {
       if(this === arguments[i]) {
           return true;
       }
   }
   return false;
};
(function () { return arguments.is; })(); // is the same function as to Object.prototype.is

默认情况下(当“正常”定义它时),所有属性(无论是直接在对象上还是在原型链上)都是可枚举的,这意味着您可以在for-in循环中看到它其他类似的结构。但是,这(大多数情况下)并不是理想的行为 - 大多数原生原型函数都不是可枚举的。要解决此问题,您应该运行函数的索引,而不是属性:

for (var i = 0; i < arguments.length; ++i) // code here