ES11 中 Object.prototype.toString.call 的用法详解-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，Object 是所有对象的基类。而 Object.prototype.toString 方法可以获得一个对象的类型信息，但是它的使用方式却不是那么简单。在 ES11 中，Object.prototype.toString.call 方法被广泛使用，本文将会详细解释其用法。

Object.prototype.toString 方法

在 ES6 中，Object.prototype.toString 方法返回一个表示对象类型的字符串，此方法用于确定 JavaScript 对象的类型，如下所示：

Object.prototype.toString.call(Object) // 返回 "[object Function]"
Object.prototype.toString.call([]) // 返回 "[object Array]"
Object.prototype.toString.call(new RegExp()) // 返回 "[object RegExp]"

Object.prototype.toString 方法接收一个参数，表示要判断的对象，返回值为一个字符串。但是，由于 JavaScript 的面向对象的语言特性，Object.prototype.toString 常常会被一些对象方法直接使用，使得开发者很难通过手动调用 Object.prototype.toString 来判断对象类型。

Object.prototype.toString.call 方法

在 ES6 中，Object.prototype.toString 方法只能用于基础类型的检查，而 Object.prototype.toString.call 可用于所有其他类型的检查。下面是一个通过 Object.prototype.toString.call 方法判断对象类型的示例代码：

function isArray(arr) {
    return Object.prototype.toString.call(arr) === "[object Array]";
}

isArray([]); // true

这里我们定义了一个 isArray 方法，使用 Object.prototype.toString.call 方法判断传入参数是否为数组，如果不是则返回 false，否则返回 true。此方法同时也适用于判断 RegExp，Date，Function等其他 JavaScript 对象类型。

Object.prototype.toString.call 应用场景

Object.prototype.toString.call 不仅适用于类型检查，还有许多其他用途。下面是一些常见的应用场景：

DOM 节点类型检查

Object.prototype.toString.call 方法在判断 DOM 节点类型方面有广泛的应用，可以通过以下代码来判断节点是否为 HTMLElement：

function isHTMLElement(node) {
    return Object.prototype.toString.call(node).indexOf("Element") !== -1;
}

isHTMLElement(document.body); // true

数组类型检查

Object.prototype.toString.call 也可以用来判断一个对象是否是数组类型：

function isArray(obj) {
    return Object.prototype.toString.call(obj) === "[object Array]";
}

isArray([]); // true

对象深拷贝

Object.prototype.toString.call 方法可以用于对象的深拷贝，这使得开发者可以复制指向同一对象的多个对象，并且在对象中的数据不会相互影响：

function deepClone(obj) {
    if (typeof obj !== "object") {
        return obj;
    }

    let clone = Object.create(null);
    for (let prop in obj) {
        clone[prop] = deepClone(obj[prop]);
    }

    return clone;
}

let objA = { b: { b1: 123, b2: 321 }, c: "test" };
let objB = deepClone(objA);
objB.b.b1 = 456;
console.log(objA.b.b1);  // 123

通过 Object.create(null) 创建一个新的对象，使用 for in 循环递归对象的每个属性，使用 Object.prototype.toString.call 方法来确认子属性类型，从而实现值的深拷贝。

总结：

本文详细介绍了 ES11 中 Object.prototype.toString.call 方法的使用方法，包括类型判断、DOM 节点类型判断、数组类型判断和深拷贝等。使用 Object.prototype.toString.call 可以更准确地判断一个对象的类型，实现更复杂的应用场景，提高代码的稳定性和可维护性。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65964d38eb4cecbf2da23ef2

ES11 中 Object.prototype.toString.call 的用法详解