JavaScript 시작 - 변수 및 기본 데이터 유형

참고: 이러한 개념은 가능한 한 적은 행화나 복잡도로 해석된 초보자 자바스크립트 개념입니다.그러나 이것은 만상을 포괄하는 지침이 아니다. (현재) 나는 인코딩 천재가 아니다. 그 중 일부 예도 예외가 있다.여기의 중점은 바로 자바스크립트 프로그래밍의 일부 핵심 사상에 익숙해지는 것이다.
2018 StackOverflow 조사에서 자바스크립트는 현재 가장 유행하고 가장 광범위하게 사용되는 프로그래밍 언어이다.만약에 전방 웹 개발을 배우고 있다면 이것은 HTML과 CSS와 어깨를 나란히 하는 기본 기술이다. 언뜻 보기에 자바스크립트는 화려한 메뉴 애니메이션에만 사용되는 것 같지만 그 자체가 강력한 프로그래밍 언어이다. 이를 어떻게 정확하게 사용하는지 배우는 것은 더 좋은 프로젝트를 구축하는 데 도움이 될 뿐만 아니라또한 인터넷이 어떻게 작동하는지, 그리고 당신의 일이 어떻게 그것과 가장 잘 결합하는지에 대한 지식을 더 많이 가르쳐 줍니다.
자바스크립트는 ECMAScript 표준(ES6, ES2015 등 알파벳 줄임말을 본 적이 있다면 이것이 바로 그들이 가리키는 것)의 규범에 따라 관리된다. 이러한 규범은 브라우저와 플랫폼 간의 교차 호환성을 확보하고 자바스크립트의 성장과 발전에 따라 새로운 기능을 통합시킨다.
JavaScript를 처음 사용했을 때, 기초에 주목하는 것이 중요하다.모든 프로그래밍 언어에서 코드는 데이터로 명령을 정의합니다.데이터가 사용하는 형식을 데이터 형식이라고 하는데 이런 유형이 함께 작업하는 방식은 데이터 구조이다.
JavaScript는 ECMAScript 2020의 주요 또는 기본 데이터 유형 중 5가지를 중점적으로 살펴보겠습니다.

seven

Undefined type

Null type

Boolean type

Number type

그리고 BigInt과 Symbol은 초보자들이 알아야 할 범위를 넘어섰다.그것들에 대한 정보를 더 알고 싶다면, Mozilla 개발자 문서에는 String type과 Symbols에 대한 중요한 정보가 있습니다. 하지만, 현재는 다른 내용과 자바스크립트에 저장된 값을 다시 사용하는 방식에 주목합시다.
BigInts
데이터 유형 및 변수
중복 사용이 편리하도록 데이터 형식을 변수에 분배할 수 있으며 변수는 하나의 값(데이터 형식 자체)을 대표하는 기호 이름일 뿐이다.JavaScript에서 변수는 세 가지 방식으로 설명할 수 있는데 그것이 변수의 행위: var, let, const에 영향을 미친다.

var someVariableName = "a value";

let aDifferentVariableName = "a different value";

const anotherVariableName = "a different value";

세 변수는 서로 다른 값이 있다.
변수를 성명하는 데 사용되는 성명문에 따라 코드의 다른 부분에 제한할 수 있으며 다른 곳에서는 사용할 수 없다.이것은 작용역이라고 하는데, 이것은 변수가 프로그램의 유효한 위치에 영향을 미친다.
첫 번째 예에서 someVariableName은 변수의 이름이고 a value은 이 변수의 값이다.따라서 만약에 우리가 성명한 후에 코드 중의 어느 곳에서 someVariableName(그리고 이것은 유효한 사용 범위에 속한다)을 사용한다면 이 변수를 다시 사용할 때 코드는 우리의 뜻이 a value이라는 것을 알게 될 것이다.
원어는 변수가 저장할 수 있는 가장 기본적인 값 유형이다.JavaScript는 이기 때문에 변수는 특정한 데이터 형식과 현저하게 연결되지 않고 모든 형식에 값을 분배하고 재분배할 수 있습니다. 변수 이름은 기호일 뿐입니다.중요한 것은 변수에 저장된 데이터 유형이다.

const someVariableName = "a value";

someVariableName = "a different value";

여기서 변수가 '다른 값' 으로 재분배될 때someVariableName의 'a value' 값이 대체됩니다.
좋습니다. 곧 복잡해질 수 있지만, 자바스크립트에서 가장 흔히 볼 수 있는 원시 데이터 형식을 살펴보겠습니다. 간단한 변수에 분배됩니다.
dynamically-typed language
정의되지 않고 비어 있음
정의되지 않은 데이터 형식은 아무것도 분배되지 않은 데이터 형식입니다.상상해 봐, 공장이 하나 있는데, 공장이 뭘 할지 아직 결정하지 못했어.이 공장의 제품은 아직 정의되지 않았다. 너는 아직 그것들의 구체적인 세부 사항을 결정하지 못했다. 너는 그것들이 어떤 것이 될 줄만 알 뿐이다.

const factoryProduct

변수factoryProduct가 선언되었지만 값 정의를 사용하지 않았기 때문에 정의되지 않았습니다.
사용 중인 데이터 유형을 명시적으로 명시하지 않으면 JavaScript에서 자동으로 undefined을 지정합니다.일단 당신의 공장에서 캔이나 연필 같은 특정한 물건을 생산한다고 말한다면, 당신은 제품을 정의할 것이다. 그것은 더 이상 정의되지 않은 것이 아니다.

const factoryProduct = "pencil";

factoryProduct의 값은 더 이상 정의되지 않은 형식이 아닙니다. 지금은 문자열 형식입니다.
값이 다른 요소에 따라 달라질 경우 정의되지 않은 데이터 형식은 자리 표시자로 사용할 수 있으며 나중에 프로그램에서 되돌려줍니다.정의되지 않은 값은 존재하지 않는 값입니다.
다른 한편, 널은 값(약간)이지만 빈 값입니다.값이 null인 변수는 고의로 값이 없다...이것이 바로 그것의 가치다.머리가 아파요?프로그램 시청을 환영합니다.undefined의 공장 변수는 무엇을 생산할지 모르는 공장이다.그것은 아마도 연필이나 사탕봉이나 일 것이다.한편, 가치가 null인 공장은 내부가 허무한 진공으로 허무처럼 공허하다.
위대하다계속합시다.
inflatable unicorn horns for cats
부울 값
네가 처음 시작했을 때, 이것은 무서운 단어일 수도 있지만, 블러드 사람들은 매우 간단했다. 그들은 true이 아니면 false이었다.이렇게너의 공장 제품은 연필이든지 아니면 아니다.

const pencil = true;

const pot = false;

프로그래밍에는 철학적인 논쟁이 없다.연필은 진짜이고 항아리는 가짜다.
부어 (수학자 의 이름으로 이름) 는 코드의 값이나 조건을 검사하는 데 매우 편리하고 프로그램 흐름의 스위치로 자주 사용된다.만약 어떤 물건이 true이라면 이렇게 한다.false이면 다른 거 해요.따라서 특정 조건이 충족되는지 여부에 따라 코드에서 동적 작업을 트리거할 수 있습니다.

if (factoryOpen === true) {
    makePencils();
} else if (factoryOpen === false) {
    doNotMakePencils();
}

브리 값은 코드의 논리적 흐름이 기대하는 결과에 도움이 된다.=== 보이시나요?이것은 George Boole이라고 한다.그것은 단어true만 표시하는 것이 아니라 factoryOpen 변수가 브리 값의 의미에서 true인지 검사한다.이런 싫은 등호에 대해 더 많이 알고 있다.
equality operator
번호
하나의 숫자가 바로 네가 생각하는 것이다. 하나의 숫자!다른 프로그래밍 언어에서, 서로 다른 유형의 숫자는 보통 특정한 데이터 형식이 있는데, 소수, 정수 등을 포함하지만, 좋은 자바스크립트는 대부분의 숫자를 호출해서 간단하게 유지한다.앞에서 말한 바와 같이 매우 큰 숫자에는 BigInt의 데이터 형식이 있지만 우리는 아직 이런 데이터 유형을 포괄할 필요가 없다.

const numberOfPencils = 382;

꿰미
JavaScript와 많은 다른 언어에서 문자열은 텍스트 데이터를 더블 인덱스나 싱글 인덱스로 둘러싸인 문자열로 표시합니다. (두 가지 방법은 모두 인덱스가 실제 저장 값의 일부분이 아니기 때문입니다.)문자열은 숫자나 자모를 포함할 수 있지만, 그것들의 값은 숫자 데이터가 아닌 텍스트 데이터로 읽는다.따라서 이러한 문자열을 문자열 문자라고 합니다.

const factoryProducts = "pencils";

const factoryEmployee = "Jay 8374-D7";

두 번째 예에서 Jay 8374-D7
문자열은 한 문자로 작거나 더 긴 텍스트를 포함할 수 있습니다.여러 줄에 걸쳐 있는 텍스트의 경우 줄 바꿈 문자 끝에 백슬래시를 추가하면 변수에 더 많은 텍스트를 저장할 수 있습니다.

const factoryMotto = "Make the best pencils /
we can make, from the best materials /
available."

문자열을 여러 줄로 나누면 코드를 처리해야 할 사람 (당신 포함) 의 가독성을 높일 수 있습니다.
문자열은 다른 모든 JavaScript 데이터 유형과 마찬가지로 변경될 수 없으므로 초기 값을 얻은 후 문자열을 재할당할 수 있습니다.상상해 봐, 마치 네가 영구 기호펜으로 쓴 명찰을 끼고 있는 것 같아.일단 자신의 이름을 라벨에 쓰면, 새로운 자모나 단어에 끼어들려고 시도할 수 없다.단, 변경된 것을 포함하는 새 탭으로 이름 탭을 바꿀 수 있습니다.

const nametag = “Alicia”;

nametag = “Tony”;

문자열을 변경할 수 없지만 다른 값에 다시 할당할 수 있습니다.
다른 데이터 유형에도 적용됩니다.

const nametag = “Alicia”;

nametag = true;

nametag = 845;

총결산
JavaScript에서 사용되는 값은 데이터 유형입니다. 여기서 가장 기본적인 것은 부울, 숫자, 문자열, 정의되지 않은 것과 널이라고 합니다.다른 흔히 볼 수 있는 데이터 유형은 수조, 함수, 대상을 포함하지만, 다음 글에서 이러한 유형을 소개하고, 데이터 유형을 어떻게 분배하고 비교하는지 더 많이 토론하며, 우리의 값을 재미있는 방식으로 조종하기 시작할 것이다.즐거운 코딩!