一行常用的判断类型代码，超深度解析

今天在写项目的时候有一个需求，判断变量的数据类型来做接下来的操作，正在想怎么解决，看到一行被注释掉的代码，具体是这样的：

// function getDataType(variable) {
// return Object.prototype.toString.call(variable).slice(8,-1);
// }

看到了这一行代码，连注释也没有

return Object.prototype.toString.call(variable).slice(8,-1);

初看 ，平平无奇。
再看，有点意思。
再看，有点牛逼。

运行结果：

        console.log(getDataType(123))             // Number
        console.log(getDataType([1,2,3]))         // Array
        console.log(getDataType('123'))           // String
        console.log(getDataType(true))            // Boolean
        console.log(getDataType(/abc/))           // RegExp
        console.log(getDataType(getDataType()))   // String
        console.log(getDataType(fn(1,2)))         // Number
        console.log(getDataType(function () {}))  // Function
        console.log(getDataType(obj))             // Object

先总体解释一下：

• Object.prototype.toString.call(variable) ，用于获取变量的具体类型信息。它通过内置的 toString() 方法将变量转换为一个字符串表示，并且返回一个格式为 [object 类型] 的字符串。其中，类型 表示变量的具体类型。

• 例如，Object.prototype.toString.call([]) 返回的结果是 [objectArray]，Object.prototype.toString.call({}) 返回的结果是
  [objectObject]。通过这种方式，我们可以得到变量的类型信息。

• 为了去除 [object 的前缀部分，就可以使用 .slice(8) 方法，它会返回字符串的从索引位置 8开始的子字符串。这样，就可以获取到变量的具体类型部分。

• 例如，Object.prototype.toString.call([]).slice(8) 返回的结果就是"Array" ，那么Object.prototype.toString.call({}).slice(8) 返回的结果是 “Object”。

• 所以，Object.prototype.toString.call(variable).slice(8) 这种用法可以方便地获取变量的类型信息，并且去除了类型字符串前面的 [object 部分，返回最终的类型名称。

下面来分解 解释一下这行代码：

Object.prototype

Object.prototype 是 JavaScript 中的一个内置对象，它是所有对象的原型对象（prototype）。换句话说，它是 JavaScript 对象原型链中最顶层的对象。

在 JavaScript 中，每个对象都有一个原型（prototype），通过原型链的机制，对象可以继承和共享属性和方法。Object.prototype 对象是所有对象原型链的起点，即它是其他对象原型链上的直接或间接原型。

需要注意的是，Object.prototype 是一个特殊的对象，在某些情况下可能会被修改或被覆盖。但一般情况下，它是 JavaScript 中的常用原型对象，为其他对象提供了一系列通用的属性和方法。

.toString

Object.prototype 对象上包含了许多常用的属性和方法，这些属性和方法可以被其他对象继承和使用。一些常见的 Object.prototype 的属性和方法包括：

• toString()：返回对象的字符串表示。
• valueOf()：返回对象的原始值。
• hasOwnProperty(property)：检查对象自身是否包含指定的属性。
• isPrototypeOf(object)：检查对象是否是指定对象的原型。
• propertyIsEnumerable(property)：检查对象自身是否包含指定的可枚举属性。
• toLocaleString()：返回对象的本地化字符串表示。

这些属性和方法都是 Object.prototype 对象上的，因此可以通过对象的原型链访问和调用。

.call()

.call() 是 JavaScript 中函数对象的一个方法，用于调用函数并指定函数中的 this 值以及传递参数。

语法格式为：functionName.call(thisValue, arg1, arg2, …)

其中：

functionName 是要调用的函数名。
thisValue 是要将函数中的 this 关键字设置为的值。即在函数执行时，函数内部的 this 将指向 thisValue，如果不传入 thisValue 参数，则默认为全局对象（在浏览器中为 window 对象）。
arg1, arg2, … 是要传递给函数的参数列表。
通过使用 .call() 方法，可以明确指定函数执行时的 this 值，而不依赖于函数被调用的方式。此外，还可以传递参数给函数。

例如，假设有一个对象 person，其中有一个方法 sayHello：

var person = {
  name: "John",
  sayHello: function() {
    console.log("Hello, " + this.name);
  }
};

我们可以通过 .call() 方法来显式地设置 sayHello 方法中的 this 指向 person 对象，并执行它：

person.sayHello.call(person); // 输出：Hello, John

在上面的例子中，我们将 person 对象作为 sayHello 方法中的 this 值传递给了 .call() 方法，这样函数的上下文就被正确地设置为了 person 对象。

此外，还可以传递其他参数给函数。例如：

function sayGreeting(greeting) {
  console.log(greeting + " " + this.name);
}
sayGreeting.call(person, "Good morning"); // 输出：Good morning John

在上面的例子中，我们通过 .call() 方法将 sayGreeting 函数中的 this 值设置为 person 对象，并传递了一个参数 “Good morning” 给函数。

总结来说，.call() 方法是一个用于调用函数并设置函数执行时的上下文和参数的方法。

.slice(8,-1);

.slice(8, -1) 是 JavaScript 字符串的一个方法，用于从字符串中提取指定的部分，并返回一个新的子字符串。该方法的语法格式为 string.slice(start, end)。

start 参数指定了要提取子字符串的起始位置（包括该位置的字符），可以是一个非负整数或负数。如果是一个非负整数，表示从该索引位置开始提取；如果是一个负数，表示从字符串末尾倒数的位置开始计算。
end 参数是可选的，指定了要提取子字符串的结束位置（不包括该位置的字符），可以是一个非负整数或负数。如果不提供该参数，或者该参数为大于等于字符串长度的数值，表示提取到字符串末尾；如果是一个负数，表示从字符串末尾倒数的位置开始计算。

.slice(8, -1) 表示从字符串的索引位置为 8 的字符开始提取，一直提取到倒数第一个字符（索引位置为 -1 的字符之前）。提取的部分将构成一个新的子字符串，并作为方法的返回值。

例如，假设有一个字符串 str = “Hello World!”，应用 .slice(8, -1) 方法后，将返回子字符串 “orld”，因为它是从索引位置为 8 的字符 “W” 开始提取，直到倒数第一个字符 “!” 之前的位置。

需要注意的是，.slice() 方法不会修改原始字符串，而是返回一个新的子字符串。如果 start 参数大于或等于 end 参数，或者 start 参数超出字符串的索引范围，将返回一个空字符串。