JavaScript中的0/1和真/假有什么区别

Question

最近我试图为我的应用完成一项功能。我需要使用布尔值来打开或关闭功能。

我试过了：

.env.development

REACT_APP_IS_FEATURE_AVAILABLE = 0

.env.production

REACT_APP_IS_FEATURE_AVAILABLE = 1

features.js

const { REACT_APP_IS_FEATURE_AVAILABLE } = process.env
export default {
    IS_FEATURE_AVAILABLE: REACT_APP_IS_FEATURE_AVAILABLE //
}

现在假设它处于开发模式，当我这样做时：

index.js

import Features from "./features.js";
if(Features.IS_FEATURE_AVAILABLE) {
    return (<div>Markup here!</div>)
};

但是，无论IS_FEATURE_AVAILABLE 的值是多少，if 总是在传递。

我确实想出了一个解决办法，而且效果很好。但我仍然很困惑为什么这不起作用。

---

针对这个答案：https://stackoverflow.com/a/55720488/8349557 这是我尝试过的：

Answer 1

猜测一下，因为我使用过的每个操作系统中的“环境变量”总是字符串你实际上在做的是

if("0")

而且由于任何非空字符串都是真的，真为真，结果为真

您可以通过

来确认

console.log('!!"0" is', !!"0"); // true, therefore "0" is truthy
console.log('!!0 is', !!0); // false, therefore 0 is falsey

试试

const { REACT_APP_IS_FEATURE_AVAILABLE } = process.env
export default {
    IS_FEATURE_AVAILABLE: +REACT_APP_IS_FEATURE_AVAILABLE //
}

+ 将值强制为数字

或者，让它变得清晰

const { REACT_APP_IS_FEATURE_AVAILABLE } = process.env
export default {
    IS_FEATURE_AVAILABLE: "1" === REACT_APP_IS_FEATURE_AVAILABLE //
}

现在 IS_FEATURE_AVAILABLE 是一个布尔值