자바스크립트 변수 - var, let 및 const.

이 게시물은 원래 my blog 및 내 YouTubechannel에 게시되었습니다.

Javascript 변수는 데이터 조각을 담는 컨테이너입니다.

Javascript에서 변수를 선언할 때 사용되는 키워드는 var , let 및 const 세 가지입니다. 이 패턴 또는 구문을 따릅니다var variableName = variableValue;.

Javascript 변수는 동적 타이핑이란 한 데이터 유형에서 다른 데이터 유형으로 변경할 수 있음을 의미합니다. 아래에서 변수 fullName은 문자열에서 숫자로 변경된 다음 부울로 변경됩니다.

  var fullName = 'Frugence Fidel'; // Frugence Fidel
  fullName = 100; // 100
  fullName = false; // false

일시적 데드존

변수를 정의하기 전에는 변수에 액세스할 수 없습니다.

  console.log(fullName); // Uncaught ReferenceError: fullName is not defined
  const fullName = 'Frugence Fidel';

변수 이름 지정 방법 또는 스타일

snake_case
var full_name = 'Frugence Fidel';

낙타 케이스
var fullName = 'Frugence Fidel';

camelCase 사용을 권장합니다.

변수를 선언하는 세 가지 방법

=> 변수

이것은 ES6 이전에 변수를 선언하는 유일한 방법이었습니다. 여기에서 동일한 변수를 두 번 이상 선언하고 업데이트할 수 있습니다.

  var myFriend = 'Baraka';
  var myFriend = 'Peter';
  console.log(myFriend); // 'Peter'

블록 문 내부에 변수를 선언하면 변수가 외부로 유출됩니다.

  var bodyWeight = 50;
  if (bodyWeight > 49) {
    var water = 1.4;
    console.log(`For body weight of ${bodyWeight}kg, you should drink water atleast ${water}litre`);
  }
  console.log(water); // 1.4

=> let 및 const
let 및 const는 ES6에 도입된 변수를 선언하는 새로운 방법입니다. let 및 const에서 변수를 두 번 선언할 수 없습니다.

  let myFriend = 'Baraka';
  let myFriend = 'Peter'; // Uncaught SyntaxError: Identifier 'myFriend' has already been declared

대부분의 경우 let와 const는 거의 동일하며 내가 아는 유일한 차이점은 const는 업데이트할 수 없지만 let는 업데이트할 수 있다는 것입니다.

  // let can be updated
  let myFriend = 'Baraka';
  myFriend = 'Peter';
  console.log(myFriend); // Peter

  // const cannot be updated
  const otherFriend = 'Patrick';
  otherFriend = 'Raphael'; // Uncaught TypeError: Assignment to constant variable.

let 또는 const 를 사용하면 변수가 블록문 외부로 유출되지 않습니다.

  const bodyWeight = 50;
  if (bodyWeight > 49) {
    const water = 1.4;
    console.log(`For body weight of ${bodyWeight}kg, you should drink water atleast ${water}litre`);
  }
  console.log(water); // Uncaught ReferenceError: water is not defined

var, let 및 const를 사용하는 경우

변수를 선언할 때는 항상 const를 사용하고, 변수를 업데이트하고 싶을 때만 let를 사용하세요. var ES6 이상에서는 사용하면 안 됩니다.

다음은 주제에 대한 비디오입니다.