초보자를 위한 자바스크립트 변수 선언

JavaScript의 변수는 재사용 가능한 데이터를 보관하는 컨테이너와 같습니다. 이러한 데이터 컨테이너는 Javascript에서 일부 특정 키워드로 선언해야 합니다.

현재 JavaScript에서 키워드를 선언하는 세 가지 방법이 있습니다.

var(구식/구식)

let (ES6 ✨에 도입됨)

const (ES6 ✨에 도입됨)

ES6(ES2015) 표준화 이전에는 누구나 var 키워드로 변수를 선언하곤 했습니다. 이제 가능한 모든 경우에 대해 let 및 const가 있습니다.

const 및 let 사용 규칙

결정하려면 다음 두 가지 규칙을 따르십시오.

변수가 다시 선언되지 않을 것이라고 확신하는 경우 const를 상수로 사용하십시오.

다른 모든 것에 let를 사용하십시오.

변수 이름 지정 규칙

변수 이름은 대소문자를 구분하므로 name 및 Name 모두 다른 변수로 간주됩니다.

let name = 'Pankaj';
let Name = 'Batman';

console.log(name); // 'Pankaj'
console.log(Name); // 'Batman'

변수 이름은 숫자로 시작할 수 없지만 변수 이름의 중간과 끝에 숫자를 사용할 수 있습니다.

let 1name; // ❌ invalid
var 1name; // ❌ invalid
const 1name; // ❌ invalid

let name1; // ✔ valid
var name1; // ✔ valid
let my1name; // ✔ valid
const name1; // ❌ invalid
const name1 = 'Pankaj' // ✔ valid

const로 선언된 변수는 초기화해야 합니다.

// ❌ invalid
const name; // SyntaxError: missing initializer

// ✔ valid
const name = 'Pankaj';

변수는 다음을 시작, 종료 또는 포함할 수 있습니다.

대문자 문자열

소문자 문자열

밑줄_

달러 기호$

let _name; // ✔ valid
var $name; // ✔ valid
const my_name; // ✔ valid
let my$name; // ✔ valid

변수는 시작, 종료 또는 기호 및 특수 문자를 포함할 수 없습니다.

let my@name; // ❌ invalid
const #name; // ❌ invalid
var my%name; // ❌ invalid
let -name; // ❌ invalid
const my^name; // ❌ invalid
var *name; // ❌ invalid

여러 변수를 쉼표로 연결할 수 있지만 이렇게 하는 것은 좋은 방법이 아닙니다.

let x, y, z; // ✔ valid
var x, y, z; // ✔ valid
const x, y, z; // ❌ invalid

// ✔ valid with let, const and var
let x = 1, y = 2, z = 3;
const a = 1,
    b = 2,
    c = 3;

var 에서는 변수의 후속 선언이 가능하지만 let 및 const 에서는 불가능합니다.

// ✔ valid
var age = 80;
var age = 81;
console.log(age) // 81

// ❌ invalid for let and const
let age = 80;
let age = 81;
// SyntaxError: Identifier 'age' has already been declared

// ✔ valid for var and let
let age = 80;
age = 81;
console.log(age) // 81

// ❌ invalid for const
const name = 'Hulk';
name = 'Thor'; // Uncaught TypeError: Assignment to constant variable.

// ✔ valid for let, var, and const if the variable is an object/array
const hero = {};
hero.name = 'Thor'; // ✔

const hero = { name: 'Hulk' };
hero.name = 'Thor'; // ✔

위의 마지막 예에서 우리는 객체의 키 중 하나를 수정하고 전체 객체를 교체하지 않고 완벽하게 작동한다는 점에 주목하십시오.

var보다 let과 const를 선호해야 하는 이유

코드에서 var 선언을 사용하지 않는 것이 좋습니다. let는 변수가 범위의 어느 곳에서도 재할당될 수 없다는 것을 아는 것이 더 안전하므로 대규모 데이터 구조를 관리하면서 조직 수준을 제공하기 위해 도입되었습니다.

빠른 팁

모든 문장을 세미콜론으로 끝내십시오. 그러나 JavaScript는 코드를 읽을 때 자동으로 수행됩니다. 그러나 일반적인 지침에 따라 각 문은 항상 세미콜론으로 종료해야 합니다.

읽어 주셔서 감사합니다! 🎉