빠른 팁 : JavaScript에서 변수를 선언하는 방법

JavaScript를 학습 할 때 기본 중 하나는 변수 사용 방법을 이해하는 것입니다. 변수는 가능한 모든 유형의 값에 대한 컨테이너 (예 : 번호, 문자열 또는 배열 (데이터 유형 참조). 모든 변수는 나중에 응용 프로그램 내에서 사용할 수있는 이름을 얻습니다 (예 : 값을 읽기 위해). 이 빠른 팁에서는 변수를 사용하는 방법과 다양한 선언의 차이점을 배웁니다. 키 테이크 아웃

JavaScript의 변수는 각각 고유 한 범위와 사용량을 가진‘var’,‘let’또는‘const’키워드를 사용하여 선언됩니다. ‘var’는 함수 스코핑,‘let’는 블록 스코프 링되었으며‘const’ 선언, 초기화 및 할당은 가변 사용에서 세 가지 다른 단계입니다. 선언은 새로운 변수를 소개하고, 초기화는 처음으로 값을 할당하고, 할당은 변수에 특정 값을 제공합니다. Hoisting은 컴파일 단계에서 변수 및 함수 선언이 범위의 상단으로 이동하는 JavaScript 메커니즘입니다. 그러나 초기화가 아닌 선언 만 발표됩니다. ‘var’는 선언으로 인해 선언 전에 액세스하면‘정의되지 않은’을 반환하고,‘let’및‘const’는 오류를 던집니다. .

선언, 초기화 및 할당의 차이 다양한 선언을 배우기 전에 변수의 수명주기를 살펴 보겠습니다.

<:> 선언 : 변수는 해당 범위 내에서 주어진 이름을 사용하여 등록됩니다 (아래 설명 - 함수 내부). 초기화 : 변수를 선언하면 자동으로 초기화되며, 이는 JavaScript 엔진에 의해 변수에 메모리가 할당된다는 것을 의미합니다. 할당 : 특정 값이 변수에 할당 된시기입니다.

• 선언 유형
• 참고 : Varhas는 초기 유출 이후 JavaScript로 제공되었지만 Letand Const는 ES6 (ES2015) 이상에서만 사용할 수 있습니다. 브라우저 호환성은이 페이지를 참조하십시오
• var
<: :> 구문 :

이 선언은 ECMAScript 6까지 대안이 없었기 때문에 가장 인기가있을 것입니다. VAR로 선언 된 변수는 Enclosing 함수의 범위에서 사용할 수 있습니다. 동봉 기능이 없으면 전 세계적으로 사용할 수 있습니다.

예 :

이로 인해 오류가 발생합니다. hello는 변수 hello가 SayHello 함수 내에서만 사용할 수 있으므로 Hello가 정의되지 않습니다. 그러나 변수가 전 세계적으로 선언되므로 다음은 작동합니다. 동일한 스코프 콘솔에서.

하자 <:> 구문 :

<span>var x; // Declaration and initialization
</span>x <span>= "Hello World"; // Assignment
</span>
<span>// Or all in one
</span><span>var y = "Hello World";
</span>

현대 자바 스크립트의 바르의 후손입니다. 그 범위는 동봉 함수뿐만 아니라 동봉 된 블록 문에 제한됩니다. 블록 문은 {and} 내부의 모든 것입니다 (예 : IF 조건 또는 루프). Let의 이점은 변수가 더 작은 범위 내에서만 사용할 수 있으므로 오류 가능성을 줄입니다.

예 :

이로 인해 오류가 발생합니다. hello는 Hello가 Enclosing 블록 내에서만 사용할 수있는 것으로 정의되지 않습니다.이 경우 IF 조건입니다. 그러나 다음은 작동 할 것입니다 :

<span>function sayHello(){
</span>  <span>var hello = "Hello World";
</span>  <span>return hello;
</span><span>}
</span><span>console.log(hello);
</span>

const <:> 구문 :

기술적으로 상수는 변수가 아닙니다. 상수의 특수성은 값을 선언 할 때 값을 할당해야하며 재 할당 할 방법이 없다는 것입니다. Const는 Let와 같은 동봉 블록의 범위로 제한됩니다.

<span>var hello = "Hello World";
</span><span>function sayHello(){
</span>  <span>return hello;
</span><span>}
</span><span>console.log(hello);
</span>

상수를 덮어 쓰려고 할 때 오류로 통지되므로 응용 프로그램 실행 중에 값이 변경되지 않아야 할 때마다 상수를 사용해야합니다. 우발적 인 글로벌 창조

당신은 글로벌 컨텍스트 (즉, 어떤 함수 이외의) 위의 모든 선언 선언을 쓸 수 있지만, 함수 내에서도 var를 작성하는 것을 잊어 버린 경우 할당되기 전에 Let 또는 const를 잊어 버리면 변수는 자동으로 전역이됩니다.

예 :

위의 것은 Hello World를 콘솔에 출력합니다. 과제 Hello = 전에 선언이 없으므로 변수는 전 세계적으로 사용할 수 있습니다.

<span>let x; // Declaration and initialization
</span>x <span>= "Hello World"; // Assignment
</span>
<span>// Or all in one
</span><span>let y = "Hello World";
</span>

참고 : 우연히 글로벌 변수를 선언하지 않으려면 엄격한 모드를 사용할 수 있습니다.

호이 스팅 및 시간적 죽은 영역

var와 let/const의 또 다른 차이점은 가변 호이 스팅과 관련이 있습니다. 변수 선언은 항상 내부적으로 현재 범위의 맨 위에 들어 서면 (이동)됩니다. 이것은 다음을 의미합니다.

는 다음과 같습니다

이 동작의 표시는 두 가지 예가 콘솔에 정의되지 않은 로그인한다는 것입니다. var hello; 항상 맨 위에 있지는 않지만 참조 오류를 던질 것입니다.

호이 스팅이라는이 동작은 var와 let/const에도 적용됩니다. 위에서 언급 한 바와 같이, 선언 전에 var 변수에 액세스하면 정의되지 않은 것이 정의되지 않으므로 JavaScript가 초기화 할 때 할당하는 값이므로 정의되지 않습니다.

그러나 선언 전에 LET/const 변수에 액세스하면 오류가 발생합니다. 이는 코드에서 선언하기 전에 액세스 할 수 없기 때문입니다. 변수의 범위를 입력하는 것과 선언에 도달하는 것 사이의 기간은 시간적 죽은 지대라고합니다. 즉, 변수에 액세스 할 수없는 기간. 당신은 JavaScript 변수 범위를 demystifice하는 기사에서 더 많이 읽을 수 있습니다.

결론 오류에 대한 감수성을 줄이려면 Const를 사용하고 가능할 때마다 보자. 실제로 VAR을 사용해야하는 경우 선언과 관련된 원치 않는 동작을 피하기 때문에 선언을 범위의 상단으로 옮기십시오.

. JavaScript 변수 선언에 대한 자주 묻는 질문 (FAQ) javaScript의 변수 선언과 초기화의 차이점은 무엇입니까?

JavaScript에서 변수 선언 및 초기화는 변수를 사용하는 과정에서 두 가지 다른 단계입니다. 선언은 프로그램에 새로운 변수를 도입하는 과정입니다. VAR, LET 또는 Const 키워드를 사용하여 수행됩니다. 예를 들어, x; 여기에서 X는 선언되었지만 정의되지 않았습니다. 이 프로그램은“이봐, x라는 변수를 사용하겠다”고 프로그램에 말하는 것과 같습니다. 반면에 초기화는 처음으로 선언 된 변수에 값을 할당하는 프로세스입니다. 예를 들어, x = 5; 여기서 X는 값 5로 초기화됩니다. 프로그램에“이전에 말한 변수 x는? 값은 5입니다.”

javaScript에서 초기화하지 않고 변수를 선언 할 수 있습니까?

예, JavaScript에서는 초기화없이 변수를 선언 할 수 있습니다. 값을 할당하지 않고 변수를 선언 할 때 JavaScript는 자동으로 Undefined의 값을 할당합니다. 예를 들어, 다음과 같은 변수를 선언하는 경우 다음과 같은 변수를 선언하십시오. x; 그런 다음 X를 콘솔에 로그인하면 X가 선언되었지만 초기화되지 않았기 때문에 정의되지 않아도됩니다.

변수를 JavaScript로 선언하지 않고 사용하면 어떻게됩니까?

in. JavaScript, 먼저 변수를 선언하지 않고 변수를 사용하면 referenceError가 나타납니다. JavaScript는 사용하기 전에 변수에 대해 알아야하기 때문입니다. 선언되지 않은 변수를 사용하려고하면 JavaScript는 귀하가 언급 한 내용을 알지 못하고 오류를 버립니다. 예를 들어, X를 먼저 선언하지 않고 X를 콘솔에 로그인하려면 referenceError : X가 정의되지 않습니다.

JavaScript 변수 선언에서 var, let 및 const의 차이점은 무엇입니까? ?

JavaScript에서 Var, let 및 const는 모두 변수를 선언하는 데 사용되지만 다른 동작이 있습니다. VAR은 함수-스코핑입니다. 즉, VAR로 선언 된 변수는 선언 된 기능 내에서 사용할 수 있습니다. LET 및 CONST는 블록 스코핑되어 있으며, 이는 선언 된 블록 내에서만 사용할 수 있음을 의미합니다. 또한 Const는 사용됩니다. 초기화 후 재 할 수없는 상수 또는 변수를 선언합니다.

JavaScript의 변수를 재전축 할 수 있습니까?

JavaScript에서 변수를 재조정 할 수 있는지 여부는 변수가 귀하의 방법에 따라 달라질 수 있는지 여부 처음에 그것을 선언했습니다. VAR로 변수를 선언 한 경우 REDECLARE를 사용할 수 있습니다. 그러나 LET 또는 Const로 변수를 선언하면 같은 범위 내에서 소환 할 수 없습니다. 그렇게하려고 시도하면 구문이 발생합니다 JavaScript에서 hoisting 란 무엇입니까?

Hoisting은 변수 및 함수 선언이 컴파일 단계에서 포함 범위의 상단으로 이동하는 JavaScript 메커니즘입니다. 이는 변수가 선언되기 전에 변수와 기능을 사용할 수 있음을 의미합니다. 그러나 초기화가 아닌 선언 만 발표됩니다. 변수를 사용한 후에 변수가 선언되고 초기화되면 변수는 정의되지 않습니다.

JavaScript 변수의 범위는 얼마입니까?

JavaScript의 변수의 범위는 해당 변수를 결정하는 위치를 결정합니다. 코드 내에서 액세스 할 수 있습니다. VAR로 선언 된 변수는 함수 범위가 있습니다. 즉, 선언 된 함수 내에서 어디서나 액세스 할 수 있음을 의미합니다. LET 및 Const로 선언 된 변수는 블록 스코프를 가지고 있습니다. 즉, 선언 된 블록 내에서만 액세스 할 수 있습니다. >

JavaScript에서 NULL과 UNDEFINED의 차이점은 무엇입니까?

JavaScript에서는 NULL 및 UNDEFINED는 모두 값이없는 특수 값입니다. 그러나 약간 다른 방식으로 사용됩니다. undefined는 선언되었지만 초기화되지 않은 변수에 지정된 값입니다. 반면 Null은 값이 없거나 객체가없는 값입니다. JavaScript의 변수 이름으로 특수 문자를 사용할 수 있습니까?

JavaScript에는 변수 이름에는 문자, 자리, 밑줄 및 달러 표시가 포함될 수 있습니다. 편지, 밑줄 또는 달러 표시로 시작해야합니다. !, @, #, %등과 같은 특수 문자는 변수 이름으로 허용되지 않습니다.

JavaScript의 글로벌 변수는 무엇입니까?

JavaScript의 글로벌 변수는 변수입니다. 기능이나 블록 외부에서 선언합니다. 함수 나 블록에 연결되지 않기 때문에 코드의 어느 곳에서나 글로벌 변수에 액세스 할 수 있습니다. 그러나 글로벌 변수는 이름 지정 충돌 문제로 이어질 수 있으며 가능하면 일반적으로 피하는 것이 가장 좋습니다.

위 내용은 빠른 팁 : JavaScript에서 변수를 선언하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!