JavaScript中的双管抛出错误而不是falsy计算

Question

我读到，JavaScript中的双管道检查变量是否为falsy，undefined是JavaScript中的falsy值。

这意味着如果该值是falsey (例如0、“、null、未定义的(也请参阅JavaScript中的所有falsey值))，则它将被视为false；否则它将被视为true。

因此，我尝试了这一方法，发现未定义的值实际上并不会被评估为虚假，而是抛出一个错误：

let elemContent = document.getElementById('content');

let a = null;
let b = 2;

elemContent.innerHTML += a || 'ok'; // "ok"
elemContent.innerHTML += b || 'ok'; // "2"
elemContent.innerHTML += whatever || 'ok'; // "ERROR: whatever is not defined"

http://jsfiddle.net/ueqo6yko

undefined 在JavaScript中是否是一个虚假的值，或者人们如何理解这个矛盾？

Answer 1

因为在您的代码中，whatever不仅是undefined，而且没有声明为。

要避免此错误，可以执行以下操作：

let elemContent = document.getElementById('content');

let a = null;
let b = 2;

elemContent.innerHTML += a || 'ok'; // "ok"
elemContent.innerHTML += b || 'ok'; // "2"
elemContent.innerHTML += (typeof whatever !== 'undefined' && whatever) || 'ok3'; // "ok3"

Answer 2

undefined确实是错误的，但是在声明变量之前使用变量在JavaScript中是一个错误。

在某个地方添加一个let whatever = undefined来查看您期望的行为。

Answer 3

undefined和not defined的错误是不同的。undefined是声明的变量的值，当not defined错误意味着您的变量没有声明时。

一个使用undefined的例子

​

let elemContent = document.getElementById('content');

let a = null;
let b = 2;
let whatever;

console.log(whatever)

elemContent.innerHTML += a || 'ok'; // "ok"
elemContent.innerHTML += b || 'ok'; // "2"
elemContent.innerHTML += whatever || 'ok'; // "whatever is undefined"

<div id="content"></div>

​

not defined错误的一个示例：

​

let elemContent = document.getElementById('content');

let a = null;
let b = 2;

elemContent.innerHTML += a || 'ok'; // "ok"
elemContent.innerHTML += b || 'ok'; // "2"
elemContent.innerHTML += whatever || 'ok'; // "ERROR: whatever is not defined"

<div id="content"></div>

​

下面是一个示例，您如何检查、变量是否声明以及它是否有一个值(而不是undefined)：

​

let test = "test";

if (typeof test !== undefined) {
  console.log("'test' is declared");
  if(test) {
    console.log("'test' has a value (not 'null', 'false', 'undefined'...)");
  }
}

​