Front/JS & jQuery

[js] 연쇄할당

오선지♬ 2025. 3. 2. 13:16
728x90
반응형
let a, b, c;
a = b = c = 10;

console.log(a); // 10
console.log(b); // 10
console.log(c); // 10

 

잘못된 예제 (객체를 공유하게끔)

let obj1, obj2;
obj1 = obj2 = { name: "Alice" };

obj1.name = "Bob";

console.log(obj2.name); // "Bob" (obj2도 영향을 받음)

 

올바른 방식(독립하는 방식)

let obj1 = { name: "Alice" };
let obj2 = { ...obj1 }; // 객체 복사

obj1.name = "Bob";

console.log(obj2.name); // "Alice" (obj2는 영향을 받지 않음)

 

주의할점

부분적으로는 간결한 코드를 작성했지만,

  • 가독성이 떨어질 수 있음
  • 배열을 배열할 때 참조 문제 발생 가능성이 있으므로, 처음부터 신중하게 사용하는 것이 좋습니다.
728x90
반응형

'Front > JS & jQuery' 카테고리의 다른 글

7  (0) 2025.03.12
[js] attr('aria-expanded')  (0) 2025.03.03
[js] 옵셔널 체이닝을 활용한 forEach()적용  (0) 2025.03.01
[js] 옵셔널 체이닝 (.?)  (0) 2025.02.28
[js][bootstrap] collapse 적용하기  (0) 2025.02.27