Блог

Может ли кто-нибудь объяснить такое поведение javascript?

 let a = {z: true};
console.log(a);
const modify = obj => {
  let b = {
    a: "hello",
    b: 22
  }
  obj = {...obj, ...b}
  return obj;
}
modify(a);
console.log(modify(a))
 

выход:

 {
  z:true,
  a:"hello",
  b:22
}
 

является ли obj в obj = {...obj, ...b} неявно новом созданном объекте или это тот же obj параметр modify .
потому что, когда я пытаюсь прокомментировать return obj; строку ( //return obj; ) в текстовом редакторе visual studio, параметр obj внутри modify функции кажется исчезнувшим, что означает, что я не использую его внутри функции. Также без необходимости return obj; я просто хотел изменить данный объект и привязать к нему некоторые новые свойства. возможно ли это?

Объект в вашем коде не мутирует. Буквальное обозначение объекта (с { } ) всегда создает объект. Во-вторых, назначение obj -это локальная переменная с таким именем, а не переменная вызывающего ( a ). Чтобы изменить данный объект, вы можете использовать Object.assign :

 let a = {z: true};
console.log(a);
const modify = obj => {
  let b = {
    a: "hello",
    b: 22
  }
  // The return is not absolutely necessary...
  return Object.assign(obj, b);
}
modify(a);
console.log(a); 

Конечно, когда вы позволяете функциям изменять объекты, вы больше не соответствуете принципам функционального программирования.

obj = {...obj, ...b} создаст новый объект. Если вы хотите изменить данный объект, просто измените его свойства:

    const modify = obj => {
       obj.a = "hello"
       obj.b = 22
    }
 

Если вы хотите объединить новый объект с существующим объектом, вы также можете использовать Object.assign :

Object.assign(obj, b)