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

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

Sep 12, 2024 am 10:32 AM

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

JavaScript로 문자열 문자를 교체하십시오 JavaScript로 문자열 문자를 교체하십시오 Mar 11, 2025 am 12:07 AM

JavaScript로 문자열 문자를 교체하십시오

사용자 정의 Google 검색 API 설정 자습서 사용자 정의 Google 검색 API 설정 자습서 Mar 04, 2025 am 01:06 AM

사용자 정의 Google 검색 API 설정 자습서

예제 색상 JSON 파일 예제 색상 JSON 파일 Mar 03, 2025 am 12:35 AM

예제 색상 JSON 파일

8 멋진 jQuery 페이지 레이아웃 플러그인 8 멋진 jQuery 페이지 레이아웃 플러그인 Mar 06, 2025 am 12:48 AM

8 멋진 jQuery 페이지 레이아웃 플러그인

10 JQuery Syntax Highlighter 10 JQuery Syntax Highlighter Mar 02, 2025 am 12:32 AM

10 JQuery Syntax Highlighter

자신의 Ajax 웹 응용 프로그램을 구축하십시오 자신의 Ajax 웹 응용 프로그램을 구축하십시오 Mar 09, 2025 am 12:11 AM

자신의 Ajax 웹 응용 프로그램을 구축하십시오

' this ' 자바 스크립트로? ' this ' 자바 스크립트로? Mar 04, 2025 am 01:15 AM

' this ' 자바 스크립트로?

10 JavaScript & JQuery MVC 자습서 10 JavaScript & JQuery MVC 자습서 Mar 02, 2025 am 01:16 AM

10 JavaScript & JQuery MVC 자습서

See all articles