var, let 및 const의 차이점은 무엇입니까?

JavaScript에는 변수를 선언하는 다양한 방법이 있습니다. 여기에는 키워드 var, let 및 const 사용이 포함됩니다. 이들 각각은 변수가 코드에서 사용되는 방식에 대해 약간 다른 의미를 갖습니다.

바르

var 키워드는 JavaScript에서 변수를 선언하는 전통적인 방법입니다. var로 선언된 변수는 전역 변수이므로 코드의 어디에서나 액세스할 수 있습니다. 또한 함수 범위가 있으므로 선언된 함수 범위 내에서만 액세스할 수 있습니다. 아래 예제를 참조하세요.

예 1

함수 내부:

function displayName() {
    var fullName = "Francisco Inoque";
    console.log(fullName)
}

namePersonal()

// Result is: Francisco Inoque

예 2
함수 범위에서 if 블록 내부의 변수에 액세스:

function namePersonal() {

    if(true) {
        var fullName = "Francisco Inoque"
    }

    console.log(fullName)
}
namePersonal()

// Result is: Francisco Inoque

예 3

선언되기 전에 변수에 액세스:

function displayName() {
    console.log(fullName)
    var fullName = "Francisco Inoque";
}

namePersonal()

// Result is: undefined

허락하다

Let은 변수를 생성하는 새로운 방법입니다. ES6 버전의 JavaScript(ECMAScript 6)와 함께 도입되었습니다. 그 목적도 변수를 만드는 것이지만 var와 달리 몇 가지 제한 사항이 있습니다. 예를 들어 동일한 범위에서 동일한 이름의 let을 두 번 사용할 수 없습니다. 아래 예를 참조하십시오.

예 1

함수 내부:

function displayName() {
    let fullName = "Francisco Inoque";
    console.log(fullName)
}

namePersonal()

// Result is: Francisco Inoque

예 2
함수 범위에서 if 블록 내부의 변수에 액세스:

function namePersonal() {

    if(true) {
        let fullName = "Francisco Inoque"
    }

    console.log(fullName)
}
namePersonal()

//Return Error
// Result is: ReferenceError: fullName is not defined

예 3

선언되기 전에 변수에 액세스:

function displayName() {
    console.log(fullName)
    let fullName = "Francisco Inoque";
}

namePersonal()

//Return Error
// Result is: ReferenceError: Cannot access 'fullName' before initialization

const

Const는 ES6에 도입된 변수를 선언하는 새로운 방법이기도 합니다. const와 변수를 선언하는 다른 방법의 주요 차이점은 const를 사용하면 일단 선언된 변수의 값을 변경할 수 없다는 것입니다. 즉, const에는 let의 모든 특성과 할당된 값의 불변성인 추가 기능이 있습니다. 아래 예를 참조하십시오.

예 1

함수 내부:

function displayName() {
    const fullName = "Francisco Inoque";
    console.log(fullName)
}

namePersonal()

// Result is: Francisco Inoque

예 2
함수 범위에서 if 블록 내부의 변수에 액세스:

function namePersonal() {

    if(true) {
        const fullName = "Francisco Inoque"
    }

    console.log(fullName)
}
namePersonal()

//Return Error
// Result is: ReferenceError: fullName is not defined

예 3

선언되기 전에 변수에 액세스:

function displayName() {
    console.log(fullName)
    const fullName = "Francisco Inoque";
}

namePersonal()

//Return Error
// Result is: ReferenceError: Cannot access 'fullName' before initialization

예 4

선언되기 전에 변수에 액세스:

function displayName() {

    const fullName = "Francisco Inoque";
    fullName = "Inoque";
    console.log(fullName)
}

namePersonal()

//Return Error
// Result is: TypeError: Assignment to constant variable.

그래서 어느 것을 사용해야합니까?

필요한 것과 목표가 무엇인지에 따라 다릅니다. 제한 없이 변수를 생성하려면 var를 사용하십시오. 실수로 나중에 변수 값을 변경하지 않으려면 const를 사용하십시오. 그리고 이 두 극단 사이에 무언가를 원한다면 원하는 것이 될 수 있습니다.