var, let, const / Template literal / == vs ===

15 Sep 2021 - 1 minute read

변수 선언 키워드 var / let / const

---

• 변수 선언 키워드는 쓰지 않아도 되지만, 쓰는 게 좋다!

• var

  • ES6 이전 사용

  • 리터럴 값의 재할당 가능

  • 이미 선언되어 있는 이름과 같은 이름으로 변수를 다시 선언해도 에러 발생 X

  • 변수 선언 시 초기값 지정하지 않아도 됨

• let

  • 후에 변경하게 될 변수에 사용

  • 리터럴 값의 재할당 가능

      let age = 27;   <mutated
      age = 28;   
    

  • 이미 선언된 변수명으로 재선언 불가능

  • 변수 선언 시 초기값 지정하지 않아도 됨

      let year;
    

• const

  • 후에 바뀌지 않을 것 같은 변수에 사용

  • 재할당 하면 에러

  • 이미 선언된 변수명으로 재선언 불가능

  • 변수 선언 시 초기값 지정해야 함

템플릿 리터럴(Template literal)

---

• 백틱( ` )으로 문자열 사용

• multiple-line strings

  • 일반 문자열 : \n 사용

  • console.log(`String
    multiple
    lines`);
    

• 플레이스홀더(placeholder)를 이용하여 표현식 넣기

  • $와 중괄호로 표기 : ` ${expression} `

  • 표현식과 그 사이 텍스트는 함께 함수로 전달됨

  • const firstName = 'Jinsol';
    
    const jinsol = "I'm " + firstName;
    console.log(jinsol);
    
    const jinsolNew = `I'm ${firstName}`;
    console.log(jinsolNew); 
    

== vs ===

---

• == : Loose Equality Operator

  • 값만을 비교해 같으면 true, 다르면 false

  • ex) 18 == ‘18’ > true

• === : Strict Equality Operator

  • 값과 값의 종류(Data Type)까지 비교해 같으면 true, 다르면 false

  • ex) 18 === ‘18’ > false