> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 초강력 잠금 해제: 변수의 마법

JavaScript 초강력 잠금 해제: 변수의 마법

WBOY
풀어 주다: 2024-09-12 10:32:54
원래의
958명이 탐색했습니다.

Unlocking JavaScript Superpowers: The Magic of Variables

오늘부터 프로그래밍의 세계를 발견하게 됩니다. 초능력을 가진 세상. 네, 정확하게 읽으셨습니다. 초능력이군요. 초능력이 아니라면 그것은 무엇입니까? JavaScript를 사용하면 사물을 날고, 움직이고, 사라지게 하고, 색상을 변경하고, 몇 마일 떨어진 곳에서 친구를 볼 수 있습니다. 이는 가능한 것의 일부일 뿐입니다. 예, 모든 것이 화면에 표시되지만 여전히 매우 흥미롭습니다.
여느 슈퍼히어로와 마찬가지로 당신도 자신의 능력을 잘 통제하고 알아야 합니다. 그러기 위해 가장 필수적인 구성 요소인 만능 변수에 익숙해지는 것부터 여정을 시작하겠습니다.
변수란 무엇입니까? 크기에 상관없이 원하는 것은 무엇이든 담을 수 있는 마법의 상자를 상상해 보세요! 정말 놀라운 발명품이죠? 하지만 여기에 문제가 있습니다. 한 번에 한 가지만 담을 수 있다는 것입니다. (솔직히 말해서 크기가 크지는 않지만 지금은 그렇지 않다고 가정하겠습니다.)
펜, 코끼리, 기타, 책이 잔뜩 들어 있는 책장, 심지어 소설이 적힌 종이까지 원하는 것은 무엇이든 놓을 수 있지만 항상 한 번에 한 가지만 놓을 수 있습니다.
JavaScript로 그러한 상자를 어떻게 만들 수 있습니까? 아주 쉽습니다!

let ourFirstBox
로그인 후 복사

간단한 두 단어입니다. 첫 번째는 항상 'let' 키워드이고, 두 번째는 상자 이름입니다. 'let'은 상자를 만들 수 있게 해주는 마법의 키워드라고 생각하시면 됩니다. 이름은 무엇이든 가능하지만 몇 가지 규칙이 있습니다.
엄격한 규칙이 있습니다(준수하지 않으면 마법이 작동하지 않습니다).
그리고 소프트 규칙(대부분 업계 전반에 걸쳐 표준화된 모범 사례).
엄격한 규칙부터 시작해 보겠습니다.

  1. 이름을 여러 단어로 구성하려면 공백으로 구분할 수 없습니다.
  2. 변수 이름은 숫자로 시작할 수 없습니다. 이제 소프트 규칙을 살펴보겠습니다.
  3. camelCase라는 표기법을 사용해야 합니다. 첫 번째 문자는 항상 소문자이며 이후의 모든 단어는 공백 없이 대문자로 시작됩니다.
  4. 변수는 명사여야 합니다.
  5. 여러 품목이 포함된 물건(예: 사과 한 봉지)을 보관하려면 bagOfApples와 같은 복수 명사를 사용해야 합니다.
  6. 변수 이름에 숫자를 사용하지 마세요.

알겠습니다. 이제 상자가 생겼습니다. 그 안에 뭔가를 어떻게 넣나요? 예를 살펴보겠습니다:

let ourFirstBox;
ourFirstBox = 100;
로그인 후 복사

그렇습니다! 새 줄을 만들고 변수 이름을 반복합니다. 하지만 이번에는 변수를 만드는 데만 필요하기 때문에 마법의 'let' 키워드가 없습니다. 이름 뒤에는 할당 연산자인 등호를 넣습니다. = 기호를 사용하면 변수에 무언가를 넣고 싶다고 말하고 그 뒤에는 '상자'에 저장하고 싶은 것을 넣습니다.
이제 숫자를 저장하는 상자가 있습니다. 지금은 보기만큼 유용하지는 않지만 저를 믿으세요. 우리는 천천히 그 목표에 도달하고 있습니다.
저희 매직박스의 또 다른 특징은 언제든지 내부 아이템을 교체할 수 있다는 것입니다.

let ourFirstBox;
ourFirstBox = 100;
ourFirstBox = 200;
로그인 후 복사

이제 FirstBox 내부의 값은 200입니다.
변수를 생성하는 방법에는 두 가지가 있습니다. 먼저 이름을 정의한 다음 새 줄에 값을 할당할 수 있습니다. 또는 한 번에 모든 작업을 수행할 수도 있습니다.

let ourFirstBox = 100;
로그인 후 복사

여기서는 let 키워드를 사용하여 변수를 정의하는 동시에 변수에 값을 할당했습니다.
또 다른 유형의 "상자"가 있습니다. 이를 상수라고 합니다. 이름에서 알 수 있듯이 변경할 수 없는 변수 유형입니다. 일단 가치를 부여하면 끝입니다. 대체할 수 없습니다.

const ourFirstConstantBox = 200;
로그인 후 복사

값을 변경하려고 하면 오류가 발생합니다.

const ourFirstConstantBox = 200;
ourFirstConstantBox = 100; // Error!!!!!
로그인 후 복사

이제 변수를 만드는 방법을 알았습니다! 다음 강의에서는 변수를 많이 사용하겠습니다.

위 내용은 JavaScript 초강력 잠금 해제: 변수의 마법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿