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 |