关于toString()方法的理解

关于toString()方法的理解

toString()方法：返回反映这个对象的字符串

总结有以下几点：

1. undefined和null没有此方法（基本类型肯定没有方法，String、Number和Boolean是因为有对应的基本包装类型，才可以调用方法）；

console.log(null.toString());//error
console.log(undefined.toString());//error

3. Date类型等返回对应表示时间的字符串；
4. 而Object类型返回字符串“[object Object]”。

解释：

控制台输出console.log（‘字符串’+字符串对象）时，并没有输出[object Object]，而是显示对应的字符串。原因：

String型,Number型,Boolean型，
实际上在后台会创建一个对应的基本包装类型的实例对象。

本应调用Object.toString()方法（返回[object Object]），而String、Number、Boolean等构造函数原型对象都重写了toString方法（例如Array类型返回元素组成的字符串…），根据原型链，由此基本包装类型实例对象去调用其构造函数toString()方法最后返回了其对应的字符串，而不会去调用Object上原型toString方法。

但这并不代表基本类型拥有toString()方法（基本类型不是对象，不拥有任何方法），而是在读取一个基本类型值时，后台会创建一个对应的基本包装类型的对象，从而调用一些方法。所以，基本类型“调用”toString()方法时，实际上是先创建了一个对应的基本包装类型，由此基本包装类型调用toString()最后返回了其对应的字符串，看起来就好像是基本类型调用了toString()方法而得到了对应的字符串。

注：

• 数组Array类型（返回数组内容组成的字符串）
• 函数Function类型（返回函数代码字符串）
• 正则RegExp类型（返回原正则表达式的字符串表示）
• 日期Date类型（返回表示当前时间的字符串）

以上构造函数的prototype对象都重写了toString()方法。

• 对象Object类型及自定义对象类型（返回[object Object] 或者对象的具体类型[object 对象类型]，例如[object Object]/[object Window]/[object NodeList]/[object HTMLButtonElement]等对应类型字符串。）

验证：

将数组Array的toString方法删除，看看会是什么结果：

var arr=[1,2,3];
console.log(Array.prototype.hasOwnProperty("toString"));//true
console.log(arr.toString());//1,2,3
delete Array.prototype.toString;//delete操作符可以删除实例属性
console.log(Array.prototype.hasOwnProperty("toString"));//false
console.log(arr.toString());//"[object Array]"

删除了Array的toString方法后，同样再采用arr.toString()方法调用时，不再有屏蔽Object原型方法的实例方法，因此沿着原型链，arr最后调用了Object的toString方法，返回了和Object.prototype.toString.call(arr)相同的结果。

最后：

所以在判断对象的类型时，我们可以用Object.prototype.toString.call()很好的区分各种类型
返回"[object 对象类型]"字符串
（无法区分自定义对象类型，自定义类型可以采用instanceof区分）`

console.log(Object.prototype.toString.call("jerry"));//[object String]
console.log(Object.prototype.toString.call(12));//[object Number]
console.log(Object.prototype.toString.call(true));//[object Boolean]
console.log(Object.prototype.toString.call(undefined));//[object Undefined]
console.log(Object.prototype.toString.call(null));//[object Null]
console.log(Object.prototype.toString.call({name: "jerry"}));//[object Object]
console.log(Object.prototype.toString.call(function(){}));//[object Function]
console.log(Object.prototype.toString.call([]));//[object Array]
console.log(Object.prototype.toString.call(new Date));//[object Date]
console.log(Object.prototype.toString.call(/\d/));//[object RegExp]