在JS中，有没有一种方法可以给一个对象的多个字段赋值，而不需要每次都写对象的名字？

Question

例如，这样的事情：btn.{ innerText = "hello", style.{  fontSize = "24px",  outline = "none" }}代替：btn.innerText = "hello";btn.style.fontSize = "24px";btn.style.outline = "none";先谢谢您的帮助。

Answer 1

Object.assign正是您所需要的：

// declare obj with some props

const btn = {

  innerText: "initial"

};

// see what we have

console.log(JSON.stringify(btn))

// assign (and re-assign) some props

Object.assign(btn, {

  innerText: "hello",

  style: {

    fontSize: "24px",

    outline: "none"

  }

})

// see what changed

console.log(JSON.stringify(btn))

Answer 2

您可以使用文字对象初始值设定项：

let a = 1, b=2, c=3

const newObj = {a,b,c};

console.log(newObj.a);

// expected output: 1

Answer 3

是的，当您将对象分配给变量时，您可以执行以下操作：

const obj = {

 name: 'user54321',

 age: 30,

 ...

};

Answer 4

const btn = {

  innerText: "hello",

  style: {

    fontSize: "24px",

    outline: "none"

  }

}