Javascript变量在if else条件之外未定义

Question

我有两个来自props的对象我通过if else条件将这些对象赋值给它们的变量

let var1;
let var2;
if (props.id === 1) {
var1 = props;
console.log(var1); //  returns {id:1,learn:"HTML", do:"cooking"}
} else {
var2 = props;
}
console.log(var1); // returns {id:1,learn:"HTML", do:"cooking"} and undefined

当我console.log后条件，为什么它返回对象和undefined?但是当console.log在if条件中只返回对象

我希望它只返回对象if console.log在条件

之后我的两个对象像这样来

{id:1,learn:"HTML", do:"cooking"}
{id:2,learn:"Css", do:"home-work"}

我已经看到了资源从StackOverflow

Javascript变量在if条件

之外未定义函数外变量未定义

这个问题据说在Chrome/Firefox中是重复的。console.log总是附加一行说'undefined'

但这是完全不同的这与浏览器控制台无关我的javascript文件

没有定义

Answer 1

Useconst用代替并尝试区分下次渲染的日志和之前的渲染，像这样

const var1;
const var2;
if (props.id === 1) {
var1 = data;
console.log(var1);
} else {
var2 = data;
}
console.log(var1);
console.log("--------");