console.log、toString方法与js判断变量类型

最新推荐文章于 2024-03-19 13:16:56 发布

weixin_33733810

最新推荐文章于 2024-03-19 13:16:56 发布

阅读量542

点赞数

CC 4.0 BY-SA版权

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/xiaochongchong/p/7941424.html

本文探讨了JavaScript中console.log函数的行为及其与toString方法的关系。通过示例展示了不同数据类型（如对象、数组和字符串）在控制台打印时的表现，并解释了为何console.log并非总是调用toString方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


Java调用system.print.out()是会调用toString方法打印
js里的console.log也是控制台打印，很多时候，我们以为也是调用toString方法，其实并不是。我们在chrom下测试

var obj={'a':2};
console.log(obj);
console.log(arr.toString());{'a':2}
console.log(obj.toString());[object Object]
console.log(obj+'');[object Object]

以上我们是对一个对象字面量进行的打印。如果是数组呢？

var arr=[1,2];
console.log(arr);//[ 1, 2 ]
console.log(arr.toString());//1,2
console.log()//1,2


我们再看字符串的：

str = new String("hello")
console.log(str) //chrome下:String {[[PrimitiveValue]]: "hello"}
console.log(str.toString())//hello

这是为什么？
stackoverflow有个回答（https://stackoverflow.com/questions/36215379/does-console-log-invokes-tostring-method-of-an-object），console并不是一个标准的API,跟浏览器有关，实现细节不一致。
不过这并不影响我们的编程，console只在我们调试的时候使用，何况还有debugger可以跟完整的调试
再说回toString方法：我们参考https://github.com/jkchao/blog/issues/8
我们判断数组的用什么方法：
答案是Object.prototype.toString.call(arr)；以下3种都会有问题：

Array.isArray(arr)（浏览器兼容性）
arr instanceof Array（iframe下有问题）
arr.constructor === Arrayiframe下有问题）

事实上，我们借助Object.prototype.toString.call（）可以获取任何变量[[Class]]属性,[[Class]]可以理解为变量的类型标准，定义在ECMA里。获取的方法可以这么写：

function getClass (a) {
  const str = Object.prototype.toString.call(a)
  return /^\[object (.*)\]$/.exec(str)[1]
}

　【完】

转载于:https://www.cnblogs.com/xiaochongchong/p/7941424.html