在 JavaScript 中使用 null 而不使用未定义的原因是什么？

有些人说，把对象初始化到 null是可以的。我只是想指出，解构参数默认值不适用于 null。例如:

const test = ({ name } = {}) => {
console.log(name)
}


test() // logs undefined
test(null) // throws error

这需要执行 null检查 副院长来调用可能经常发生的函数。

只需要添加一些特定的 javascript 库，null 和 unDefinition 可以有意外后果。

例如，loash 的 get函数，它接受一个默认值作为第三个参数:

const user = {
address: {
block: null,
unit: undefined,
}
}
console.log(_.get(user, 'address.block', 'Default Value')) // prints null
console.log(_.get(user, 'address.unit', 'Default Value')) // prints 'Default Value'
console.log(_.get(user, 'address.postalCode', 'Default Value')) // prints 'Default Value'

另一个例子: 如果您在 React 中使用 defaultProps，如果一个属性被传递 null，则不使用默认道具，因为 Null 被解释为已定义的值。 例如:。

class MyComponent extends React.Component {
static defaultProps = {
callback: () => {console.log('COMPONENT MOUNTED')},
}
componentDidMount() {
this.props.callback();
}
}
//in some other component
<MyComponent />   // Console WILL print "COMPONENT MOUNTED"
<MyComponent callback={null}/>   // Console will NOT print "COMPONENT MOUNTED"
<MyComponent callback={undefined}/>   // Console WILL print "COMPONENT MOUNTED"

未知变量: undefined。

已知变量但没有值: null。

1. 您从服务器接收到一个对象 server_object。
2. 你引用 server_object.errj。它告诉你它是 undefined。这意味着它不知道它是什么。
3. 现在你引用 server_object.err。它告诉你它是 null。这意味着您正在引用一个正确的变量，但它是空的; 因此没有错误。

问题在于，当你声明一个没有值的变量名时(var hello) js 声明 undefined: 这个变量不存在; 而程序员通常的意思是: “我还没有给它一个值”，null的定义。

因此，程序员的默认行为ーー将没有值的变量声明为无值ーー与将其声明为不存在的 js 不一致。此外，!undefined和 !null都是 true，因此大多数程序员将它们视为等价的。

当然，您可以确保始终执行 var hello = null，但是当他们和 !操作符将 undefined和 null视为等价时，大多数人不会像这样丢弃他们的代码，以确保在故意的松散类型语言中的类型健全。

在 JavaScript 中，值 null表示故意没有任何对象值。null表示缺乏标识，表示变量指向没有对象。

全局 undefined属性表示基元值 undefined。 undefined是自动分配给变量的基元值。 undefined的意思是说引用不存在。

这里已经有一些不错的答案，但不是我要找的那个。null和 undefined在“技术上”都做同样的事情，都是假的，但是当我通读代码时，我看到一个“ null”，那么我希望它是一个用户定义的 null，有些东西被明确设置为不包含任何值，如果我通读代码，看到“未定义”，那么我假设它的代码从来没有被初始化或任何东西分配。通过这种方式，代码可以告诉您某些事情是由未初始化的内容还是空值引起的。因此，您真的不应该手动分配“未定义”的东西，否则它会干扰您(或其他开发人员)阅读代码的方式。如果另一个开发人员看到“未定义”，他们不会凭直觉认为是你让它未定义，他们会认为它没有被初始化，而实际上它是。对我来说，这是最大的问题，当我阅读代码时，我想看看它告诉我什么，我不想猜测和弄清楚东西是否“实际上”已经初始化。

更不用说在打印文本中使用它们意味着两种不同的东西。使用:

interface Example {
name?: string
}

意味着名称可以是未定义的或字符串，但不能为空。如果你想要它为 null，你必须明确地使用:

interface Example {
name: string | null
}

即使这样，您也必须使用“ null”来初始化它。

当然，只有在 tsconfig.json中使用 "strictNullChecks": true时才会出现这种情况。

基于我们最近遇到的一个故障，下面的例子说明了为什么我更喜欢使用 undefined而不是 null，除非有特定的原因:

function myfunc (myArg) {
if (typeof myArg === 'string') {
console.log('a', myArg);
} else if (typeof abc === 'object') {
console.log('b', myArg);
if (myArg.id) {
console.log('myArg has an id');
} else {
console.log('myArg has an id');
}
} else {
console.log('no value');
}
}

下面的值可以很好地发挥作用:

'abc'
{}
undefined
{ id: 'xyz' }

另一方面，假设 null和 undefined在这里是等价的，这就破坏了代码。原因是 null是 object的类型，而 undefined是 undefined的类型。因此，这里的代码中断是因为您无法在 null上测试成员。

我见过大量类似外观代码的案例，其中 null只是在问问题:

if (typeof myvar === 'string') {
console.log(myvar);
} else if (typeof myvar === 'object') {
console.log(myvar.id);
}

这里的修复方法是显式地测试 null:

if (typeof myvar === 'string') {
console.log(myvar);
} else if (myvar !== null && typeof myvar === 'object') {
console.log(myvar.id);
}

我的态度是针对一种语言的弱点和该语言程序员的典型行为编写代码，因此这里采用“未定义”服从默认的哲学。

为了编写简单的代码，你需要降低复杂性和变化性。当对象上的变量或属性没有值时，它是未定义的，为了使值为空，你需要给它赋一个空值。

未声明诉无效

null既是 反对的“类型”，也是7种独特的 基元值类型之一，称为 null

undefined既是名为 未定义的全局范围属性和类型，也是名为 undefined的7个唯一 基元值类型之一(window.unDefinition)。

我们感兴趣的是使用 基本类型作为值。

在 null的例子中，作为一个值类型，它意味着一个空值已经被分配给一个变量，但是变量类型(Number、 String 等)仍然被定义。没有价值。这就是 null的意思。这意味着一个变量有一个空值，但它仍然是一个值。它也是 重新初始化变量，具有某种类型的值，但不是 undefined类型。

undefined是一个特例。当你声明一个变量(或者使用一个未声明的缺失值)时，它是 类型 undefined，因为浏览器还不知道分配给它的数据类型。如果声明了变量但是没有赋值，则默认情况下在赋值之前会赋值基元值 undefined，并且暗示变量不存在或者不存在但是没有赋值。

和 null一样，undefined也是 基元值类型基元值类型。但是与 null不同，它表示变量不存在，其中 null 表示值不存在。这就是为什么在检查变量是 null还是空值之前，最好先检查变量是否存在并且已经使用未定义的方式分配了一个变量。undefined意味着在编译过程中根本不存在任何变量或对象。这个变量要么不是 声明，要么声明时缺少一个值，所以不是 已初始化。因此，检查 undefined是避免 JavaScript 中许多类型错误并取代 null的一个非常好的方法。

这就是为什么我在使用 null和 undefined时不会依赖“ truthy”检查 true/false，即使它们都会返回一个 false 响应，因为 undefined意味着缺少特性、对象或变量的额外步骤，而不仅仅是一个 true/false 检查。这意味着更多的东西。如果您有一个丢失的未声明变量，true 语句将触发一个 ERROR！

让我们先来看看 undefined:

        //var check1;// variable doesnt even exist so not assigned to "undefined"
var check2;// variable declared but not initialized so assigned "undefined"
var check3 = 'hello world';// variable has a value so not undefined


console.log('What is undefined?');


//console.log(check1 === undefined);// ERROR! check1 does not exist yet so not assigned undefined!
console.log(check2 === undefined);// True
console.log(check3 === undefined);// False
console.log(typeof check1 === 'undefined');// True - stops the ERROR!
console.log(typeof check2 === 'undefined');// True
console.log(typeof check3 === 'undefined');// False

正如您可以看到的 未申报变量，或者 声明但不是 已初始化，都被赋予 undefined类型。注意，未初始化的声明变量被赋值为 undefined，原始值类型但不存在的变量被赋值为 未定义类型。

null与缺失的变量或尚未赋值的变量没有任何关系，因为 null仍然是一个值。所以任何带有 null的东西都已经是 声明和 已初始化了。还要注意分配 null值的变量实际上是 object类型，这与 未定义类型不同。比如说..。

        var check4 = null;
var check5 = 'hello world';


console.log('What is null?');


console.log(check4 === undefined);// False
console.log(check5 === undefined);// False
console.log(typeof check4 === 'undefined');// False
console.log(typeof check5 === 'undefined');// False
console.log(typeof check4);// return 'object'
console.log(typeof check5);// return 'string'

正如您可以看到每个行为不同，但都是基本值，您可以分配任何变量。只要理解它们代表了变量和对象的不同状态。