React Native/JavaScript中如何在条件不满足时阻止变量传递？

方案一：把打印逻辑放进条件分支（推荐） #

最直接的方式是将console.log(x)移到ab === true的分支里，这样只有当条件满足时才会执行打印，完全避免不满足条件时的输出：

const ab = true; 
let x;
if (ab === false){
    // 这里不需要额外代码，因为不会触发打印
} else if (ab === true){
    x = [1,2,3];
    console.log(x); // 仅ab为true时才打印x
}

方案二：用条件判断控制打印时机 #

如果必须把console.log(x)留在代码末尾，可以通过判断x是否有有效值来决定是否打印：

const ab = true; 
let x;
if (ab === false){
    // 不赋值x，保持其undefined状态
} else if (ab === true){
    x = [1,2,3];
}

// 只有x被赋值后才执行打印
if (x) {
    console.log(x);
}

方案三：提前终止代码（仅特殊场景使用） #

如果需要在ab === false时直接停止后续代码运行，可以在函数内用return，或者抛出错误（这种方式比较激进，不推荐常规使用）：

在函数内使用return： #

function printX() {
    const ab = true; 
    let x;
    if (ab === false){
        return; // 直接终止函数，后续代码不再执行
    } else if (ab === true){
        x = [1,2,3];
    }
    console.log(x);
}
printX();

抛出错误： #

const ab = true; 
let x;
if (ab === false){
    throw new Error("ab为false，禁止使用x"); // 抛出错误终止代码
} else if (ab === true){
    x = [1,2,3];
}
console.log(x);

另外提一句，你原来的代码里，如果ab是false，x会保持undefined状态，直接打印的话会输出undefined。上面的方案一和二都能精准实现你“仅当ab等于true时，x的值才能被使用”的需求，其中方案一最简单直观，优先选用。

内容的提问来源于stack exchange，提问作者Sabbir Ahhmed