浅谈Object.prototype.toString.call()要领

2023年2月23日 99次阅读 来源: 一mi阳光

在JavaScript里运用typeof推断数据范例，只能辨别基础范例，即：number、string、undefined、boolean、object。
关于null、array、function、object来讲，运用typeof都邑一致返回object字符串。
要想辨别对象、数组、函数、纯真运用typeof是不可的。在JS中，能够经由过程Object.prototype.toString要领，推断某个对象之属于哪一种内置范例。
分为null、string、boolean、number、undefined、array、function、object、date、math。

  1. 推断基础范例

Object.prototype.toString.call(null); // “[object Null]”
Object.prototype.toString.call(undefined); // “[object Undefined]”
Object.prototype.toString.call(“abc”);// “[object String]”
Object.prototype.toString.call(123);// “[object Number]”
Object.prototype.toString.call(true);// “[object Boolean]”

  1. 推断原生援用范例

函数范例
Function fn(){
console.log(“test”);
}
Object.prototype.toString.call(fn); // “[object Function]”
日期范例
var date = new Date();
Object.prototype.toString.call(date); // “[object Date]”
数组范例
var arr = [1,2,3];
Object.prototype.toString.call(arr); // “[object Array]”
正则表达式
var reg = /[hbc]at/gi;
Object.prototype.toString.call(reg); // “[object RegExp]”
自定义范例
function Person(name, age) {

this.name = name;
this.age = age;

}
var person = new Person(“Rose”, 18);
Object.prototype.toString.call(arr); // “[object Object]”
很明显这类要领不能正确推断person是Person类的实例，而只能用instanceof 操作符来举行推断，以下所示：

console.log(person instanceof Person); // true

  1. 推断原生JSON对象

var isNativeJSON = window.JSON && Object.prototype.toString.call(JSON);
console.log(isNativeJSON);// 输出效果为”[object JSON]”申明JSON是原生的，不然不是；
注重：Object.prototype.toString()自身是许可被修正的，而我们目前所议论的关于Object.prototype.toString()这个要领的运用都是假定toString()要领未被修正为条件的。

  1. 实例：为Array对象增加一个去除反复项的要领

input
[false, true, undefined, null, NaN, 0, 1, {}, {}, ‘a’, ‘a’, NaN].uniq()
output
[false, true, undefined, null, NaN, 0, 1, {}, {}, ‘a’]
这里要注重，NaN === NaN 为false，{} === {}为false。

Array.prototype.uniq = function () {

if (!this.length || this.length == 0) return this;
var res = [], key, hasNaN = false, temp = {};
for (var i = 0 ; i < this.length; i++) {
    if (typeof this[i] === 'object') {
        res.push(this[i]);
    } else if (this[i] != this[i]) { // 假如当前遍历元素是NaN
        if (!hasNaN) {
            res.push(this[i]);
            hasNaN = true;
        }
    } else {
        key = typeof(this[i]) + this[i];
        if (!temp[key]) {
            res.push(this[i]);
            temp[key] = true;
        }
    }
}
return res;

}
另一种解法：

Array.prototype.uniq = function () {

var res = [];
var flag = true;
this.forEach(function(x) {
    if (res.indexOf(x) == -1) {
        if (x != x) {
            if (flag) {
                res.push(x);
                flag = false;
            }
        } else {
            res.push(x);
        }
    }
})
return res;

}
小礼品走一走，

作者：公子七
链接：https://www.jianshu.com/p/585…
来源：简书
简书著作权归作者一切，任何情势的转载都请联络作者取得受权并说明出处。

    原文作者：一mi阳光
    原文地址: https://segmentfault.com/a/1190000015922726
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞