如何在 Javascript 中检查对象？

Question

实际使用情况

typeof 非常有用，但它并不像可能需要的那样通用。比如typeof([])、'object'，还有typeof(new Date())、typeof(/abc/)等。

为了更具体地检查类型，用于生产级代码的typeof 包装器如下（前提是obj 存在）：

function type(obj, showFullClass) {

    // get toPrototypeString() of obj (handles all types)
    if (showFullClass && typeof obj === "object") {
        return Object.prototype.toString.call(obj);
    }
    if (obj == null) { return (obj + '').toLowerCase(); } // implicit toString() conversion

    var deepType = Object.prototype.toString.call(obj).slice(8,-1).toLowerCase();
    if (deepType === 'generatorfunction') { return 'function' }

    // Prevent overspecificity (for example, [object HTMLDivElement], etc).
    // Account for functionish Regexp (Android <=2.3), functionish <object> element (Chrome <=57, Firefox <=52), etc.
    // String.prototype.match is universally supported.

    return deepType.match(/^(array|bigint|date|error|function|generator|regexp|symbol)$/) ? deepType :
       (typeof obj === 'object' || typeof obj === 'function') ? 'object' : typeof obj;

 }

我有上面的代码 sn-p - 从 MDN webdocs 引用 - 在回答所述问题时最有用。URL:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof 。我必须承认，尽管要完全理解代码是很困难的——例如，函数声明中的“showFullClass”参数是什么，以下几行是做什么的？ var deepType = Object.prototype.toString.call(obj).slice(8,-1).toLowerCase(); 和 return deepType.match(/^(array|bigint|date|error|function|generator|regexp|symbol)$/) ? deepType :(typeof obj === 'object' || typeof obj === 'function') ? 'object' : typeof obj;

我们将不胜感激任何代码理解方面的帮助或帮助！

Answer 1

每当我们在对象上调用toString 时，它都会返回"[object type]"，其中type 是对象类型。所以type(obj, showFullClass)的目标是从'toString'输出字符串中提取type。

1.函数声明中的'showFullClass'参数是什么？

showFullClass 是一个布尔类型。所以如果传入 true ，它只会返回toString 的输出而不做任何处理。 例如。 type(new Date(),true) 将返回 [object Date]

1. var deepType = Object.prototype.toString.call(obj).slice(8,-1).toLowerCase(); 做什么？

它提取"[object type]"字符串的type子字符串，然后将其转换为小写。从字符串的 第 8 个索引 开始，直到字符串的 倒数第二个索引。 -1 表示字符串提取应该在字符串的最后一个索引（-1）之前结束。 例如。如果obj 是日期对象deepType 值将是'date'

1. return deepType.match(/^(array|bigint|date|error|function|generator|regexp|symbol)$/) ? deepType :(typeof obj === 'object' || typeof obj === 'function') ? 'object' : typeof obj; 做什么？

它检查deepType 是否匹配“array”或“bigint”或“date”或“error”或“function”或“generator”或“regexp”或“symbol”然后它返回deepType。

否则，如果typeof obj 是'object' 或'function'，则返回'object'。

否则对于字符串、数字等原始类型返回其类型。