js循环对象遇到的问题

js循环对象时，为什么只能console出第一个属性名呢？

代码如：
let obj = {
a: {
name: 'bxg',
onclick: ()=>{},
},
b: {
name: 'bx',
onclick: ()=>{},
},
c: {
name: 'wx',
onclick: ()=>{},
},
};
for (var key in obj){
console.log(obj); // a
}

为什么只能输出a呢？b和c没有循环

let obj = {
                a: {
                    name: 'bxg',
                    onclick: () => {},
                },
                b: {
                    name: 'bx',
                    onclick: () => {},
                },
                c: {
                    name: 'wx',
                    onclick: () => {},
                },
            };
            for(var key1 in obj) {
                console.log(key1); // a
            }