[js] 변수와 돌연변이

 

 

 

변수 선언: var, let, const - 자바스크립트에서의 기본 개념

변수 선언은 자바스크립트에서 가장 기본적인 개념 중 하나입니다. 이 글에서는 자바스크립트에서 변수를 선언하는 데 사용되는 var, let, const 세 가지 키워드에 대해 알아보겠습니다. 각 키워드의 작동 방식, 장단점, 그리고 변수 선언 시 주의사항에 대해 자세히 알아보세요.

 

var 키워드

var 키워드는 자바스크립트에서 가장 오래된 변수 선언 키워드입니다. var 키워드는 함수 범위를 가지며, 어디에서든 선언할 수 있습니다. 그러나 var 키워드는 몇 가지 단점이 있습니다. 변수가 선언되기 전에 참조해도 에러가 발생하지 않으며, 블록 범위가 없고 함수 내에서 여러 번 선언할 수 있습니다.

 

let 키워드

let 키워드는 ES6에서 도입된 새로운 변수 선언 키워드입니다. let 키워드는 블록 범위를 가지며, 특정 블록 내에서만 선언할 수 있습니다. let 키워드는 var 키워드보다 안전하고 효율적입니다. 일반적으로 자바스크립트에서 변수를 선언하는 데 선호되는 방법입니다.

 

const 키워드

const 키워드는 ES6에서 도입된 또 다른 변수 선언 키워드입니다. const 키워드는 블록 범위를 가지며, 변수의 값을 변경할 수 없는 상수를 선언하는 데 사용됩니다. let 키워드와 유사하지만 변수의 값을 변경할 수 없습니다. 이러한 이유로 const 키워드는 변수를 상수로 선언할 때 사용됩니다.

 

var	함수	어디서나	가능	가능
let	블록	블록 내에서	가능	불가능
const	블록	블록 내에서	불가능	불가능

 

 

주의사항

자바스크립트의 유연성은 개발자에게 많은 장점을 제공하지만, 변수 선언에 사용되는 키워드의 사용 방법은 주의가 필요합니다. 변수를 선언할 때 키워드의 장단점을 고려해야 합니다. 또한, 돌연변이(기존 데이터 구조 변경)를 지양하고 데이터 구조의 사본을 만들어 변경하는 것이 좋습니다. slice(), splice()와 같은 배열 조작 메서드를 사용하여 일관성을 유지하세요.

 

slice() 메서드는 배열에서 요소를 추출하여 새 배열을 생성하는 데 자주 사용됩니다. splice() 메서드는 배열에서 요소를 삭제하고 다른 요소를 추가하여 원본 배열을 변경하는 데 자주 사용됩니다. toSpliced() 메서드는 배열에서 요소를 삭제하고 다른 요소를 추가한 다음 새 배열을 반환하는 데 자주 사용됩니다. 이러한 메서드를 사용하여 데이터 구조를 조작할 때는 항상 원본 데이터 구조에 영향을 주는지 확인해야 합니다

 

const arr = [1, 2, 3, 4, 5];

const newArr = arr.slice(1, 3); // [2, 3]

const newArr = arr.splice(1, 2); // [2, 3], arr = [1, 5]

const newArr = arr.toSpliced(1, 2); // [2, 3, 4], arr = [1, 5]

 

결론

변수 선언은 자바스크립트 개발에서 핵심 개념 중 하나입니다. var, let, const 키워드를 올바르게 사용하고 데이터 구조를 수정할 때 원본 데이터 구조를 변경하지 않도록 주의하세요. 이를 통해 일관성 있는 코드를 유지하고 버그가 있는 코드를 방지할 수 있습니다

 

https://www.youtube.com/watch?v=e6WV_DXGwSg 

.