我如何区分对象字面量其他Javascript对象？ [英] How can I differentiate between an object literal other Javascript objects?

问题描述

更新：我要重新整理这个问题，因为重要的一点是确定对象字面量：

对象字面量和任何其他Javascript对象（例如DOM节点，Date对象等）之间的差异？我如何写这个函数：

  function f（x）{
 if（typeof x ==='object literal'）
 console.log（'Object literal！'）; 
 else 
 console.log（'Something else！'）; 
} 
  

因此只打印 Object literal！ code>作为第一次调用的结果：

  f（{name：'Tom'}）; 
 f（function（）{}）; 
 f（new String（'howdy'））; 
 f（'hello'）; 
 f（document）; 
  
 
 
 
 
 
 
 原始问题 / p> 
 
 
我编写一个Javascript函数，用于接受对象字面量，字符串或DOM节点作为其参数。它需要处理每个参数略有不同，但目前我不知道如何区分一个DOM节点和一个普通的老对象字面量。
 
 
 
这里是一个非常简化的我的函数版本，以及我需要处理的每种参数的测试：
  function f ）{
 if（typeof x =='string'）
 console.log（'Got a string！'）; 
 else if（typeof x =='object'）
 console.log（'Got a object literal！'）; 
 else 
 console.log（'Got a DOM node！'）; 
} 
 
 f（'hello'）; 
 f（{name：'Tom'}）; 
 f（document）; 
  
此代码将记录下两次调用的相同消息。我不知道在 else if 子句中要包含什么。我试过像 x instanceof Object 等效果相同的其他变体。
 
 
 
我理解这可能是坏的API /代码设计。即使是，我仍然想知道如何做到这一点。
解决方案
 
 
 
我可以告诉对象字面量和任何其他Javascript对象（例如DOM节点，Date对象等）之间的区别？
 
 
 
 
 
   
 $ 
 
 
 
 
 $ b b 
  var objLiteral = {foo：'foo'，bar：'bar'}; 
  
，而使用 Object构造函数创建的同一对象可能是：
  var obj = new Object（）; 
 obj.foo ='foo'; 
 obj.bar ='bar'; 
  
我不认为有任何可靠的方法来区分两个对象
 
 
 
为什么很重要？
 
 
 
一般功能测试策略是测试传递的对象的属性到函数以确定它们是否支持要调用的方法。这样，你不会真正关心对象是如何创建的。
 
 
 
你可以使用鸭式打字，但只有有限的程度。你不能保证只是因为一个对象有一个 getFullYear（）方法，它是一个Date对象。同样，只是因为它有一个 nodeType 属性并不意味着它是一个DOM对象。
 
 
 
例如，jQuery  isPlainObject 函数认为如果一个对象有一个nodeType属性，它是一个DOM节点，如果它有一个 setInterval 属性，它是一个Window对象。这种鸭类型是非常简单的，并且在某些情况下会失败。
 
 
 
您还可能注意到jQuery取决于以特定顺序返回的属性 - 另一个危险的假设不支持任何标准（虽然一些支持者试图改变标准以适应他们的假设行为）​​。
 
 
 
编辑22-Apr-2014：在版本1.10 jQuery包括基于测试单个属性（显然这是为了支持IE9）的一个 support.ownLast 属性，以查看继承的属性是列举的第一个还是最后一个。这继续忽略一个事实，即对象的属性可以任何顺序返回，无论它们是继承的还是自己的，并且可能被混杂。
 
 
 
可能简单对象的最简单的测试是：
  function isPlainObj（o）{
 return typeof o =='object'&&& o.constructor == Object; 
} 
  
对于使用对象字面量或Object构造函数创建的对象，但是可能会给以其他方式创建的对象提供虚假结果，并且可能（可能会）跨框架失败。您可以添加 instanceof 测试，但我看不到它做任何构造函数测试不。
 
 
 
如果你传递ActiveX对象，最好将它包装在try..catch中，因为它们可以返回各种怪异的结果，甚至会引发错误。
 
 
 
 strong> 编辑2015年10月13日  
 
 
 
当然还有一些陷阱：
  isPlainObject（{constructor：'foo'}）; // false，应为true 
 
 //在全局范围
 var constructor = Object; 
 isPlainObject（this）; // true，应为false 
  
使用构造函数属性引发问题将导致问题。还有其他陷阱，如由Object以外的构造函数创建的对象。
 
 
 
由于ES5现在几乎无处不在，因此有  Object.getPrototypeOf  检查 [[Prototype]] 一个对象。如果它是buit-in  Object.prototype ，那么该对象是一个普通对象。然而，一些开发人员希望创建没有继承属性的真正空对象。这可以使用：
  var emptyObj = Object.create（null）; 
  
在这种情况下， [[Prototype]] 属性为 null 。因此，只需检查内部原型是否为