【菜狗学前端】返回值undefined、null、-1区分总结

佛系菜狗

已于 2024-04-14 19:39:45 修改

阅读量291

点赞数 4

分类专栏：前端文章标签： javascript 前端开发语言 html css

于 2024-03-29 18:22:01 首次发布

本文链接：https://blog.csdn.net/m0_58355897/article/details/137152989

版权

前端专栏收录该内容

17 篇文章 1 订阅

订阅专栏

最近写代码遇到了从localStorage.getItem(key)查不到key时返回null的情况，而之前遇到的情况大多是找不到返回undefined，所以感到有些奇怪。

遂直接整理总结了一下遇到的一些返回undefined、null、-1的情况，希望可以给各位同伴一些帮助~

下面就是console.log()输出的总结结果（我直接写了代码进行测试，感兴趣可以研究下代码）

PS：赋值为null(初始化变量)返回null或者赋值变量-1返回-1这种就不再列在总结里了。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="h">hhh</div>
    <script>

        // 返回undefined
        console.log("——————————————-一、返回undefined-——————————-——————————————————————————");
        var x;
        console.log('1.变量声明但未被赋值时默认值为：' + x);

        var arr = [1, 2, 3]
        var arrRes = arr.find(function (item) {
            return item === 4
        })
        console.log('2.数组的find(function(){})方法没找到对应值时：' + arrRes);

        function fn(i) {
            console.log('3.函数调用时实参个数比形参少时多的部分形参值：' + i);
        }
        console.log('4.函数没有return返回值时：' + fn());

        var obj = {
            name: 'hhh'
        }
        console.log('5.获取对象中不存在的属性时：' + obj.sex);

        // 返回null
        console.log("——————————————-二、返回null-——————————-——————————————————————————");
        console.log('1.sessionStorage.getItem()方法没找到对应值时：' + sessionStorage.getItem('hhhh')); //null
        console.log('2.localStorage.getItem()方法没找到对应值时：' + localStorage.getItem('hhhh')); //null
        var ele = document.getElementById('hh')
        console.log('3.document.getElementxxx/document.querySelectorxxx不存在对应节点时：' + ele);//null

        // 返回-1(大多关于index)
        console.log("——————————————-三、返回-1(都关于获取数组索引/下标)-——————————-——————————————————————————");
        console.log('1.数组的indexOf()方法没找到对应值索引时' + arr.indexOf(4));
        console.log('2.数组的lastIndexOf()方法没找到对应值索引时' + arr.lastIndexOf(4));
        var findIndexRes = arr.findIndex(function (item) {
            return item === 4
        })
        console.log('3.数组的findIndex(function(){})方法没找到对应值索引时' + findIndexRes);

    </script>
</body>

</html>