JS中的console.dir,typeof,instanceof

快意人生大社畜

已于 2023-07-07 11:35:26 修改

阅读量299

点赞数 2

分类专栏： JavaScript 文章标签： javascript 前端 html

于 2022-10-31 20:43:33 首次发布

本文链接：https://blog.csdn.net/weixin_72322475/article/details/127615465

版权

JavaScript 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

1.console.dir

打印返回元素对象，可以更好地查看里面的属性和方法

e.g.

<body>
    <div>123</div>
    <script>
        var div = document.querySelector('div');
        console.dir(div);
    </script>
</body>

控制台结果：

点击div前面的三角形，即可展开如下内容：

2.typeof

判断返回元素的类型

<body>
    <div>123</div>
    <script>
        var div = document.querySelector('div');
        console.log(typeof div);//object 说明div是个对象
    </script>
</body>

控制台结果：

3.某实例对象 instanceof 某构造函数

检测构造函数的 `prototype` 原型对象属性，是否出现在某个实例对象的原型链上。

e.g.1

<script>
        function Car(make, model, year) {
            this.make = make;
            this.model = model;
            this.year = year;
        }
        var auto = new Car('Honda', 'Accord', 1998);
        console.log(auto instanceof Car);//true
        console.log(auto instanceof Object);//true
</script>

控制台结果：

e.g.2用instanceof判断,item是否为数组

                if(item instanceof Array){
                    ....
                }

e.g.3用instanceof判断,item是否为对象

                if(item instanceof Object){
                    ....
                }

快意人生大社畜

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JS中的console.dir,typeof,instanceof

1.console.dir

打印返回元素对象，可以更好地查看里面的属性和方法

2.typeof

判断返回元素的类型

3.某实例对象 instanceof 某构造函数

检测构造函数的 prototype 原型对象属性，是否出现在某个实例对象的原型链上。

e.g.2用instanceof判断,item是否为数组

e.g.3用instanceof判断,item是否为对象

检测构造函数的 `prototype` 原型对象属性，是否出现在某个实例对象的原型链上。