Java스크립트 변수: 선언, 예제를 통한 값 할당

⚡ 스마트 요약

Java스크립트 변수는 이름, 숫자 또는 표현식의 결과와 같은 값을 저장합니다. var, let 또는 const를 사용하여 변수를 선언하면 스크립트의 나머지 부분에서 읽고 업데이트할 수 있는 이름이 지정된 슬롯이 예약됩니다.

🔘 선언: `var`, `let`, 또는 `const` 키워드는 코드가 해당 변수를 읽거나 쓰기 전에 변수를 생성합니다.
☑️ 과제: 등호(=) 하나만으로 변수에 값을 복사할 수 있으며, 이는 변수 선언 줄에서든 그 이후에든 가능합니다.
✅ 명명: 이름은 알파벳, 달러 기호($) 또는 밑줄(_)로 시작해야 하며, 대문자와 소문자는 서로 다른 것으로 간주됩니다.
🧪 최신 키워드: `const`는 절대 변하지 않는 값에 적합하고, `let`은 변하는 값에 적합하며, `var`는 주로 레거시 스크립트에서 사용됩니다.
🛠️ 범위: `let`과 `const`는 각각을 둘러싸는 중괄호 안에 머무르는 반면, `var`는 주변의 함수 전체에 접근합니다.
📌 일반적인 오류: 상수 값을 재할당하거나, let을 너무 일찍 읽거나, 키워드를 생략하면 각각 다른 오류가 발생합니다.

변수는 값(name = "John")이나 표현식(sum = x + y)을 저장하는 데 사용됩니다. 스크립트가 나중에 사용할 모든 값(사용자 이름, 누적 합계, 예/아니오 플래그 등)은 변수에 저장되므로, 변수를 잘 선언하고 이름을 지정하는 것은 스크립트 작성에서 가장 먼저 익혀야 할 기술입니다. JavaScript.

변수 선언 Java스크립트

변수를 사용하기 전에 먼저 변수를 선언해야 합니다. 다음과 같이 `var` 키워드를 사용하여 변수를 선언합니다.

var name;

변수 선언 자체는 변수 이름만 생성할 뿐입니다. 이 시점에서 변수는 존재하지만, 아직 값이 할당되지 않았기 때문에 특수 값인 '정의되지 않음'을 갖게 됩니다.

⚠️ 버전 참고: `var`는 원래의 선언 키워드이며 모든 브라우저에서 여전히 작동합니다. ES6(2015)에서 추가되었습니다. 하자 const를이는 '현대'라는 키워드입니다. Java스크립트 사용. 둘 다 이 페이지 아래쪽에 있는 변수와 비교됩니다.

변수에 값 할당

변수를 선언하는 동안이나 변수를 선언한 후에 변수에 값을 할당할 수 있습니다.

var name = "John";

var name;

name = "John";

두 형식 모두 동일한 결과를 가져옵니다. 하나의 등호가 바로 그것입니다. 할당 연산자오른쪽에 있는 값을 왼쪽에 있는 변수에 복사합니다. 이는 같음을 확인하는 연산자(== 또는 ===)가 아니며, 같음 확인 연산자는 다른 곳에 속합니다. 조건문.

명명 변수

변수 이름은 원하는 대로 지을 수 있지만, 설명적이고 의미 있는 이름을 사용하는 것이 좋은 프로그래밍 습관입니다. 또한 변수 이름은 반드시 문자로 시작해야 하며 대소문자를 구분합니다. 따라서 studentname과 studentName은 이름에 'n'이 들어가는지 여부(n과 N)가 다르기 때문에 서로 다른 변수입니다.

이름이 합법적인지 여부를 결정하는 네 가지 규칙이 있습니다.

첫 번째 문자는 반드시 알파벳, 달러 기호 또는 밑줄이어야 하며, 숫자는 절대 사용할 수 없습니다.
첫 글자 이후에는 알파벳, 숫자, 달러 기호, 밑줄을 모두 사용할 수 있습니다.
공백이 허용되지 않기 때문에 두 단어로 된 아이디어를 각각 분리하는 대신 studentName처럼 붙여서 사용합니다.
var, let, const, class, return과 같은 예약어는 이름으로 재사용할 수 없습니다.

관례에 따라 Java스크립트 이름은 카멜케이스를 사용하므로 첫 단어는 소문자이고 이후 단어는 모두 대문자로 시작합니다. 예: firstName, totalPrice, isLoggedIn.

아래 스크립트는 두 개의 변수를 선언하고, 다섯 가지 산술 연산자를 적용한 후, 각 결과를 페이지에 출력합니다. 직접 실행해 보세요.

<html>
<head>
<title>Variables!!!</title>
<script type="text/javascript">
var one = 22;
var two = 3;
var add = one + two;
var minus = one - two;
var multiply = one * two;
var divide = one/two;
	document.write("First No: = " + one + "<br />Second No: = " + two + " <br />");
	document.write(one + " + " + two + " = " + add + "<br/>");
	document.write(one + " - " + two + " = " + minus + "<br/>");
	document.write(one + " * " + two + " = " + multiply + "<br/>");
	document.write(one + " / " + two + " = " + divide + "<br/>");
</script>
</head>
<body>
</body>
</html>

모던 프로그래밍 언어에서 var, let, const의 차이점 Java스크립트

해당 변수는 다음 경우에만 존재했습니다. Java스크립트는 처음 작성되었을 때 초보자를 놀라게 하는 두 가지 특징이 있었습니다. 하나는 선언 시 아무런 경고 없이 다시 선언될 수 있다는 것이고, 다른 하나는 블록 경계를 무시한다는 것이었습니다. 이러한 문제를 해결하기 위해 `let`과 `const` 키워드가 추가되었습니다. 아래 표는 세 가지 키워드를 나란히 보여줍니다.

행동	였다	하자	const를
범위	전체 기능	둘러싸는 블록	둘러싸는 블록
재배정될 수 있습니다	가능	가능	아니
동일한 범위 내에서 다시 선언할 수 있습니다.	가능	아니	아니
신고서에 필수 입력 금액	아니	아니	가능
선언 전에 읽어보세요	undefined를 반환합니다.	참조 오류	참조 오류

간단한 습관 하나로 거의 모든 경우에 해결할 수 있습니다: 손을 뻗으세요 const를 먼저, 다음으로 전환하세요 하자 값이 실제로 변경되어야 하는 순간, 예를 들어 내부 카운터 중 하나에서 Java스크립트 루프그리고 새 코드를 작성하는 대신 이전 코드를 읽기 위한 변수를 유지하세요.

가변 범위 및 호이스팅 Java스크립트

스코프는 스크립트의 어느 부분에서 변수를 볼 수 있는지를 결정합니다. `var` 선언은 해당 변수를 포함하는 함수에 속하므로, 함수 내부의 `if` 블록이나 `for` 블록 밖에서는 변수를 볼 수 없습니다. `let` 또는 `const` 선언은 해당 변수가 속한 중괄호 쌍에 속하며, 중괄호 밖으로 나가면 변수를 볼 수 없게 됩니다.

function demo() {
  if (true) {
    var wide = "visible throughout demo()";
    let narrow = "visible only inside these braces";
  }
  console.log(wide);
  console.log(narrow);
}

첫 번째 console.log는 문자열을 출력합니다. 두 번째 console.log는 if 블록이 끝나면 narrow가 더 이상 존재하지 않기 때문에 ReferenceError를 발생시킵니다.

호이 스팅 이것은 이야기의 후반부입니다. Java스크립트는 스코프 내의 모든 선언을 해당 스코프의 한 줄을 실행하기 전에 등록합니다. 변수 이름은 등록되고 undefined로 설정되므로, 미리 읽어오는 것은 가능하지만 아무런 의미가 없습니다. let 또는 const 이름은 값 없이 등록되며, 블록의 맨 위와 선언 줄 사이의 간격을 공백이라고 합니다. 일시적 데드 존.

console.log(a);
var a = 1;

console.log(b);
let b = 2;

첫 번째 줄은 undefined를 출력합니다. 세 번째 줄은 "초기화 전에 'b'에 접근할 수 없습니다"라는 오류와 함께 멈춥니다. 이 오류는 let이 var보다 안전한 이유입니다. 왜냐하면 오류를 숨기는 대신 실제 실수를 정확히 지적해 주기 때문입니다.

선언 시 흔히 발생하는 오류 Java스크립트 변수

변수를 배우는 초보자들이 콘솔에서 접하는 출력 메시지는 대부분 다섯 가지 유형입니다. 각 메시지는 특정 원인을 나타내므로, 해결 방법은 대개 한 줄의 코드로 완료됩니다.

콘솔 메시지	원인	수정
SyntaxError: 식별자 'x'가 이미 선언되었습니다.	한 코드 블록 내에서 동일한 이름을 가진 `let` 또는 `const`가 두 번 사용되었습니다.	기존 변수를 재사용하거나 두 번째 변수의 이름을 변경하세요.
TypeError: 상수 변수에 할당	상수에 새로운 값이 부여되었습니다.	값이 변경되어야 한다면 `let`으로 선언하세요.
ReferenceError: 초기화 전에 'x'에 접근할 수 없습니다.	시간적 사각지대 내에서 let 또는 const가 읽혔습니다.	읽기 버튼을 선언 줄 아래로 이동하세요.
ReferenceError: x가 정의되지 않았습니다.	이름이 밝혀지지 않았거나, 철자가 잘못되었을 수 있습니다.	명시하거나 철자와 대소문자를 수정하세요.
값이 예상되었던 자리에 undefined가 나타납니다.	변수는 선언되었지만 값이 할당되지 않았습니다.	첫 번째 읽기 전에 값을 할당하십시오.

파일 맨 위에 "use strict"를 추가하면 선언되지 않은 이름에 값을 할당하는 네 번째 경우에 대한 암묵적인 오류가 표시되므로 모든 새 스크립트에 포함되어야 합니다. 동일한 변수 규칙은 변경 없이 그대로 유지됩니다. 배열, 사물그리고 서버 측 코드는 다음과 같이 작성되었습니다. Node.js를.

자주 묻는 질문

그들 중 누구든지. Java스크립트는 동적 타입 언어이므로, 하나의 변수에 숫자, 문자열, 객체 등 다양한 타입이 저장될 수 있습니다. 변수 선언은 변수 이름만 예약할 뿐 타입을 예약하는 것은 아닙니다. 변수가 특정 시점에 어떤 값을 저장하는지 확인하려면 `typeof` 함수를 사용하세요.

Java스크립트가 암묵적인 전역 변수를 생성하는데, 다른 코드가 실수로 이 변수를 덮어쓸 수 있습니다. 파일 맨 위에 "use strict"를 추가하면 해당 줄이 ReferenceError로 바뀌어 오류가 조용히 확산되는 것을 방지하고 즉시 오류를 발견할 수 있습니다.

undefined는 변수가 선언되었지만 값이 할당되지 않았음을 의미합니다. null은 "아무것도 없음"을 의미하기 위해 의도적으로 값을 할당한 것입니다. 둘 다 거짓이지만, typeof undefined는 "undefined"를 반환하는 반면 typeof null은 "object"를 반환합니다.

더하기 연산자는 양쪽이 문자열인 경우 텍스트를 결합합니다. 따라서 22 + "3"은 "223"을 생성합니다. 산술 연산을 수행하려면 먼저 Number() 또는 parseInt() 함수를 사용하여 정수로 변환해야 합니다.traction에는 텍스트 의미가 없으므로 "3" − 1은 올바르게 2를 반환합니다.

네. `const`는 값 자체가 아니라 바인딩을 고정하므로 `const` 객체의 속성이나 `const` 배열의 요소는 여전히 변경될 수 있습니다. 변수 자체에 값을 다시 할당하면 `TypeError`가 발생합니다. 내용이 고정되어야 할 때는 `Object.freeze()`를 사용하세요.

최신 편집기에 내장된 AI 비서는 주변 문맥에서 키워드와 설명적인 이름을 제안하고, 상수로 선언해야 하는 변수를 표시하며, 모든 사용 위치를 한 번에 변경합니다. 각 제안을 초안으로 간주하고 범위가 올바른지 확인하세요.

종종 그렇죠. 부조종사 주변 코드를 읽고 주변 스타일과 일치하는 이름을 제공하여 x 또는 temp와 같은 자리 표시자를 대체하는 데 도움을 줍니다. Rev모든 이름을 살펴보세요. 아무리 유창하게 말해도 잘못된 것을 설명할 수 있기 때문입니다.

`console.log()`는 현재 값을 브라우저 콘솔에 출력합니다. 더 자세히 보려면 개발자 도구의 소스 패널에서 중단점을 설정하고 해당 이름 위에 마우스를 올리거나, 감시 목록에 추가하여 해당 줄의 값을 확인할 수 있습니다.