js中null和undefined用法阐释---摘自《编写可维护的javascript》

迷南。 2022-05-26 12:16 139阅读 0赞

**一、null**

null是一个特殊值，但我们常常误解它，将它和undefined搞混。**在下列场景中应当使用null：**

1. 用来初始化一个变量，这个变量可能赋值为一个对象；

2. 用来和一个已经初始化的变量比较，这个变量可以也可以不是一个对象；

3. 当函数的参数期望是对象时，用作参数传入；

4. 当函数的返回期望值是对象时， 用作返回值传出

**如下场景不应当使用null：**

1**.** 不要使用null来检测是否传入了某个参数；

2. 不要用null来检测一个未初始化的变量。

示例代码：

//好的用法
            var person = null;
    
            //好的用法
            function getPerson() {
                if(condition){
                    return new Person("Jack");
                }else{
                    return null;
                }
            }
    
    
            //好的用法
            var person = getPerson();
            if(person !== null){
                doSomething();
            }
    
    
            //不好的用法：用来和未初始化的变量比较
            var person;
            if(person !== null){
                doSomething();
            }
    
            //不好的写法：检测是否传入了参数
            function doSomething(arg1, arg2, arg3) {
                if(arg4 != null){
                    doSomething();
                }
            }

理解null最好的方式是将它当做对象的占位符（placeholder）,这个规则在所有的主流编程规范中都没有提及，但对于全局可维护性来说至关重要。

**二、undefined**

undefined是一个特殊值，我们常常将它和null搞混。其中一个让人颇感困惑之处在于null == undefined结果是true。然而，这两个值的用途却各不相同。**那些没有被初始化的变量都有一个初始值，即undefined，表示这个变量等待被赋值。**

//不好的写法
            var person;
            console.log(person === undefined);//true

尽管这段代码能正常工作，但我建议在代码中避免使用undefined。这个值常常和返回的"undefined"的typeof运算符混淆。事实上，typeof的行为也让人费解。因为不管是值是undefined的变量还是未声明的变量，typeof运算符结果都是undefined。

通过禁止使用特殊值undefined，可以有效地确保只在一种情况下typeof才会返回undefined：当变量未声明时。如果你使用了一个可能（或可能不会）赋值为一个对象的变量时，则将其赋值为null。

将变量赋值为null表明了这个变量的意图，它最终很可能赋值为对象。typeof运算符null的类型时返回“object”。这样就可以和undefined区分开了。