浅析JavaScript获得Object对象（自定义对象）的类型名方法

最新推荐文章于 2022-12-05 14:13:32 发布

Sharember

最新推荐文章于 2022-12-05 14:13:32 发布

阅读量8.1k

点赞数 1

分类专栏： JavaScript 文章标签： javascript 对象 constructo 自定义对象

本文链接：https://blog.csdn.net/qq_31655965/article/details/51953885

版权

本文探讨了在JavaScript中如何获取自定义对象的类型名，指出typeof操作符对于自定义类型不足之处。通过深入研究，发现对象的constructor属性指向其构造函数，从而可以获取类型名。文章提供了从基本方法到优化过程，包括使用正则表达式和处理浏览器兼容性的解决方案，最终封装了一个名为getFnName的方法来实现这一目标。

摘要由CSDN通过智能技术生成

在写代码的过程中我们经常会遇到这样一个问题–如何获得某一个对象的类型名。

JavaScript是一种弱类型的语言，通常，我们获取一个对象的类型名会想到typeof方法。但是，当我们想要获得一个自定义类型的兑现的类型名的时候，typeof就有点不够看了。我们先来做一个简单的测试。

<!DOCTYPE html>
<html><head>
<script>
     /*一个叫做Student的构造函数*/
    function Student (argument) {
    
        // body...
    }

    /*new一个Student对象*/
    var stu = new Student("argument");

    console.log(typeof stu);
    /*控制台打印的结果是：object*/

</script> 
</head>
<body></body></html>

我们虽然知道了stu是一个对象，但是我们却不知道它究竟是一个怎样的对象，所以我们还需要更深层次的处理。

那到底需要怎么做呢？我们知道，在js里，每一个对象都有一个constructor的属性，这个属性直接连接到该对象的构造函数。也就是说，我们可以通过对象的constructor属性来找到它所对应的构造函数。先来看一段代码：

<!DOCTYPE html>
<html><head>
<script>
     /*一个叫做Student的构造函数*/
    function Student (argument) {
    
        // body...
    }

    /*new一个Student对象*/
    var stu = new Student("argument");

    /*这里改成了constructor*/
    console.log(stu.constructor);

    /*
    * 控制台打印结果：
    * function Student(argument) {
    *   // body...
    * }
    */

</script> 
&l