Javascript 如何声明每行的对象属性？

我现在在下面有一个对象，我只是决定每行声明一次，这样它看起来很干净，而且不需要太多行。有人知道怎么做吗

option: {
    hide: true,
    step: {
        x: {
            borderColor: '#000000',
            borderWidth: 2,
        },
        y: {
            borderColor: '#0000ff',
            borderWidth: 2,
        }
    },
    //more nested properties...
},

下面是我现在每行声明的新对象，实际上这很好，但它只显示

hide

属性，而不显示

step

属性

let option = new Object();
option.hide = true;
option.step.x.borderColor = '#000000';
option.step.x.borderWidth = 2;
option.step.y.borderColor = '#0000ff';
option.step.y.borderWidth = 2;

这应该可以

let option = {step: {}};
option.hide = true;
option.step = {x:{}, y: {}};
option.step.x.borderColor = '#000000';
option.step.x.borderWidth = 2;
option.step.y.borderColor = '#0000ff';
option.step.y.borderWidth = 2;

---

谢谢

Hi对于嵌套对象，必须将对象指定给父对象。这样你就可以得到它

let option = new Object();
option.hide = true;
option.step ={x: {}, y:{}}
option.step.x.borderColor = '#000000';
option.step.x.borderWidth = 2;
option.step.y.borderColor = '#0000ff';
option.step.y.borderWidth = 2;

---

必须声明步骤x和y是对象

option.step={}，option.step.x={}，option.step.y={}

afterhide@ptothep因此，您需要先声明

步骤

，然后才能添加属性。谢谢，这确实有效。