>  기사  >  웹 프론트엔드  >  var, let, const의 다양한 특성 구별

var, let, const의 다양한 특성 구별

PHPz
PHPz원래의
2024-02-19 17:24:06353검색

var, let, const의 다양한 특성 구별

var, let 및 const의 다양한 특성을 이해하려면 구체적인 코드 예제가 필요합니다.

JavaScript에는 변수를 선언하는 여러 가지 방법이 있으며, 그 중 가장 일반적인 방법은 var, let 및 const 키워드를 사용하는 것입니다. 둘 다 변수를 선언하는 데 사용되지만 범위 및 변경 가능성과 관련하여 서로 다른 특성을 가지고 있습니다. 이들 간의 차이점은 아래에 구체적인 코드 예제와 함께 설명되어 있습니다.

var 키워드

먼저 var 키워드의 사용법을 살펴보겠습니다. 변수를 선언하는 가장 초기에 도입된 방식으로 전역 범위와 함수 범위의 특성을 가지고 있습니다. 예를 들어 다음과 같은 변수를 선언할 수 있습니다.

var name = "Alice";

function sayHello() {
  var message = "Hello " + name;
  console.log(message);
}

sayHello(); //输出:Hello Alice
console.log(message); //报错:message未定义

위의 예에서 name 변수는 전역 범위에서 선언되었으며 sayHello 함수에서 참조됩니다. message 변수는 sayHello 함수 내에서 선언되며 함수 범위 내에서만 유효합니다. 함수 외부에서 메시지 변수를 사용하면 정의되지 않은 오류가 발생합니다.

또한 var로 선언된 변수를 재할당할 수 있습니다. 예:

var x = 10;
console.log(x); //输出:10

x = 20;
console.log(x); //输出:20

let 키워드

let 키워드는 ES6에 도입된 새로운 기능입니다. var 키워드와 비교하면 블록 수준 범위의 기능이 있습니다. 블록 수준 범위는 if 문, for 루프, 함수 등을 포함하여 변수가 선언된 블록 내에서 유효함을 의미합니다. 다음은 let을 사용하여 변수를 선언하는 예입니다.

let name = "Bob";

if (true) {
  let name = "Alice";
  console.log(name); //输出:Alice
}

console.log(name); //输出:Bob

위 예에서 name 변수는 if 문 블록 내에서 다시 선언되며 해당 블록 내에서만 유효합니다. 이름 변수가 블록 외부에서 참조되는 경우 블록 외부의 값이 사용됩니다.

var와 달리 let으로 선언한 변수는 재선언할 수 없지만 재할당은 가능합니다. 예:

let x = 10;
console.log(x); //输出:10

x = 20;
console.log(x); //输出:20

const 키워드

const 키워드도 ES6에 도입된 새로운 기능으로 상수를 선언하는 데 사용됩니다. let과 유사하게 const도 블록 수준 범위의 특성을 갖습니다. 차이점은 const를 사용하여 선언된 변수는 선언 시 초기화되어야 하며 할당된 후에는 수정할 수 없다는 것입니다. const를 사용하여 상수를 선언하는 예는 다음과 같습니다.

const PI = 3.14;
console.log(PI); //输出:3.14

PI = 3.14159; //报错:无法修改常量

위 예에서는 PI가 상수로 선언되어 선언 시 초기화됩니다. 후속 코드에서는 상수 PI를 수정할 수 없습니다.

const로 선언된 상수는 변수 값이 아닌 변수 참조에 대해 변경할 수 없다는 점에 유의해야 합니다. 즉, 변수가 개체 또는 배열 유형인 경우 해당 속성이나 요소의 값을 수정할 수 있지만 해당 값을 변수에 다시 할당할 수는 없습니다.

const person = { name: "Alice" };
person.name = "Bob";

console.log(person); //输出:{ name: "Bob" }

person = { name: "Alice" }; //报错:无法修改常量

위의 코드 예제를 통해 var, let 및 const의 다양한 특성을 더 잘 이해할 수 있습니다. var에는 함수 범위가 있어 재할당 가능하고, let에는 블록 수준 범위가 있어 재할당 가능하며, const에는 블록 수준 범위가 있어 재할당할 수 없습니다. 적절한 선언을 선택하는 것은 코드의 요구 사항과 디자인에 따라 다릅니다.

위 내용은 var, let, const의 다양한 특성 구별의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.