检测数据类型typeof的一个易错点

最新推荐文章于 2022-03-23 21:16:22 发布

祝我好运

最新推荐文章于 2022-03-23 21:16:22 发布

阅读量338

点赞数 1

分类专栏： javascript 文章标签： javascript typeof

本文链接：https://blog.csdn.net/qq_27346075/article/details/82838045

版权

javascript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

切记！！！typeof返回的值是一个字符串！！！

出错的代码：：

<body>
<ul id="uu">
    <li>第一个</li>
    <li>第二个</li>
    <li>第三个</li>
    <li>第四个</li>
    <li>第五个</li>
</ul>

<script src="common.js"></script>

<script>
    //IE8获取节点的代码变成了获取元素，获取元素的返回undefined   所以要有兼容代码

    //以获取第一和最后一个子元素为例

    //获取任意父元素的第一个子元素
    function getFirstElementChildByParent(element) {
        if (typeof element.firstElementChild != undefined) {
            //切记typeof返回的是字符串，所以我之前undefined没加引号，一直有问题，因为"undefined"！=undefined肯定是正确的
            return element.firstElementChild;
        } else {
            // return element.firstChild;
            //本来针对ie8这样就够了，但为了更严谨，比如有浏览器不识别firstElementChild，识别firstChild，但返回的又确实是第一个子节点

            var node = element.firstChild;
            while (node && node.nodeType != 1) {
                node = node.nextSibling;
            }
            return node;
        }
    }
    console.log(getFirstElementChildByParent(my$("uu")));
</script>

此段代码为获取子元素的兼容代码，本来判断一个属性是否在浏览器中支持，是看它的类型是否是undefined，所以我写了

typeof element.firstElementChild != undefined，但发现不支持的ie8也返回了true，难道undefined !=undefined不是false吗？？然后去找了半天，也没解决，结果最后才发现typeof返回的数据类型的值是一个字符串啊！！此时"undefined"!=undefined肯定一直是true，这才恍然大悟。

所以正确的代码应为：typeof element.firstElementChild != "undefined"

祝我好运

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
检测数据类型typeof的一个易错点

切记！！！typeof返回的值是一个字符串！！！出错的代码：：&lt;body&gt;&lt;ul id="uu"&gt; &lt;li&gt;第一个&lt;/li&gt; &lt;li&gt;第二个&lt;/li&gt; &lt;li&gt;第三个&lt;/li&gt; &lt;li&gt
复制链接

扫一扫