JavaScript 변수

JavaScript 변수

JavaScript 변수는 데이터 값을 저장하는 컨테이너입니다.

이 예제에서 x, y 및 z는 변수입니다：

예제

var x = 7;
var y = 8;
var z = x + y;

자신의 손으로 해보세요

위의 예제에서, 다음을 얻을 수 있습니다：

  • x는 값 7을 저장합니다
  • y는 값 8을 저장합니다
  • z는 값 15을 저장합니다

대수와 유사하게

이 예제에서 price1, price2 및 total은 변수입니다：

예제

var price1 = 7;
var price2 = 8;
var price3 = 12;
var total = price1 + price2 + price3;

자신의 손으로 해보세요

프로그래밍에서는 대수와 마찬가지로, 변수（예를 들어 price1）를 사용하여 값을 저장합니다.

프로그래밍에서는 대수와 마찬가지로, 표현式中 변수를 사용합니다（total = price1 + price2）.

위의 예제에서, total의 값은 27입니다.

알림：JavaScript 변수는 데이터 값을 저장하는 컨테이너입니다.

JavaScript 식별자

모든 JavaScript 변수반드시유일한 이름의식별입니다。

이 유일한 이름은식별자입니다。

식별자는 짧은 이름（예를 들어 x와 y）이나 더 설명적인 이름（age, sum, totalVolume）일 수 있습니다.

변수 이름（유일한 식별자）을 만드는 일반적인 규칙은 다음과 같습니다：

  • 이름은 글자, 숫자, 밑줄, 달러 기호를 포함할 수 있습니다
  • 이름은 반드시 글자로 시작해야 합니다
  • 이름도 됩니다 $ 와 _ 시작합니다（하지만 이 튜토리얼에서는 이렇게 하지 않습니다）
  • 이름은 대소문자를 구분합니다（y와 Y는 다른 변수입니다）
  • 예를 들어 JavaScript의 키워드와 같은 예약어는 변수 이름으로 사용할 수 없습니다

알림：JavaScript 식별자는 대소문자를 구분합니다.

대입 연산자

JavaScript에서는, 등호（=）는 대입 연산자입니다. 'равенство' 연산자가 아니라요.

이 점은 대수와 다릅니다. 아래의 코드는 대수에서는 무리합니다：

x = x + 5

하지만 JavaScript에서는 매우 合理합니다：x + 5의 값을 x에 할당합니다。

（x + 5의 값을 계산하고 결과를 x에 저장합니다. x의 값이 5 증가합니다。）

주의사항:JavaScript의 "等于" 연산자는 ==입니다。

JavaScript 데이터 타입

JavaScript 변수는 수치(예를 들어 100)와 텍스트 값(예를 들어 "Bill Gates")을 저장할 수 있습니다.

프로그래밍에서 텍스트 값은 문자열로 알려집니다.

JavaScript는 여러 가지 데이터 타입을 처리할 수 있습니다.但是现在, 우리는 수치와 문자열 값에만 집중합니다.

문자열은 양쪽에 둘러싸인 별도의 quote로 포함됩니다. 수치는 quote가 필요하지 않습니다.

문자열로 둘러싸인 수치는 텍스트 문자열로 간주됩니다.

예제

var pi = 3.14;
var person = "Bill Gates";
var answer = 'How are you!';

자신의 손으로 해보세요

선언(생성) JavaScript 변수

JavaScript에서 변수를 생성하는 것은 "선언" 변수라고 합니다.

을 통해 var 로 JavaScript 변수를 선언할 수 있습니다：

var carName;

선언된 후, 변수는 값이 없습니다。（기술적으로, 그 값은 undefined。）

가능한 경우할당변수에 값을 대입하려면 사용하세요：

carName = "porsche";

변수에 값을 대입할 수 있습니다：

var carName = "porsche";

위의 예제에서는 carName이라는 변수를 생성하고 "porsche"를 값을 대입했습니다.

그런 다음, id="demo"의 HTML 문단에 그 값을 "출력"합니다：

예제

<p id="demo"></p>
<script>
var carName = "porsche";
document.getElementById("demo").innerHTML = carName; 
</script>

자신의 손으로 해보세요

알림：스크립트의 시작에서 모든 변수를 선언하는 것이 좋은 습관입니다!

한 문장, 여러 변수

한 문장에 여러 변수를 선언할 수 있습니다.

로 사용할 수 있습니다. var 문장의 시작으로 사용하고并以쉼표변수를 구분하려면：

var person = "Bill Gates", carName = "porsche", price = 15000;

자신의 손으로 해보세요

선언은 다중 행에 걸쳐도 됩니다：

var person = "Bill Gates",
carName = "porsche",
price = 15000;

자신의 손으로 해보세요

Value = undefined

컴퓨터 프로그램에서, 선언된 변수는 종종 값이 없습니다. 값은 계산이 필요한 내용이나 나중에 제공되는 데이터, 예를 들어 데이터 입력일 수 있습니다.

값이 없는 변수는, 그 값은 undefined입니다。

carName 변수의 값은 이 문장이 실행된 후 undefined：

예제

var carName;

자신의 손으로 해보세요

JavaScript 변수 중복 선언

JavaScript 변수를 다시 선언하면 그 값이 잃어버리지 않습니다.

이 두 문장이 실행된 후, 변수 carName의 값은 여전히 "porsche"입니다：

예제

var carName = "porsche";
var carName;

자신의 손으로 해보세요

JavaScript 수학

대수와 유사하게, JavaScript 변수를 통해 수학 연산을 수행할 수 있으며, = 와 + 와 같은 연산자:

예제

var x = 3 + 5 + 8;

자신의 손으로 해보세요

문자열도 더미 연결을 위해 더미를 사용할 수 있습니다. :

예제

var x = "Bill" + " " + "Gates";

자신의 손으로 해보세요

다른 예제를 시도해보세요：

예제

var x = "8" + 3 + 5;

자신의 손으로 해보세요

알림：数值을 인용부호로 둘러싸면, 나머지数值는 문자열로 간주되고 연결됩니다.

이제 이렇게 해보세요：

예제

var x = 3 + 5 + "8";

자신의 손으로 해보세요

외롭게 읽어보세요

JavaScript 고급 강의： ECMAScript 문법、 ECMAScript 변수