자바스크립트 변수


변수는 정보를 저장하는 데 사용되는 "컨테이너"입니다.

인스턴스

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var x=5;
var y=6;
var z=x+y;
document.write(x + "<br>");
document.write(y + "<br>");
document.write(z + "<br>");
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

대수학처럼

x=5
y=6
z=x+y

대수학에서는 문자(예: x)를 사용합니다. ) 값(예: 5)을 저장합니다.

위의 수식 z=x+y를 사용하면 z의 값이 11이라는 것을 계산할 수 있습니다.

자바스크립트에서는 이러한 문자를 변수라고 합니다.

lamp您可以把变量看做存储数据的容器。


JavaScript 변수

대수학과 마찬가지로 JavaScript 변수를 사용하여 값을 저장할 수 있습니다(예: x=5). 및 표현식(예: z=x+y).

변수는 짧은 이름(예: x 및 y) 또는 더 설명적인 이름(예: age, sum, totalvolume)을 가질 수 있습니다.

  • 변수는 문자로 시작해야 합니다

  • 변수는 $ 및 _ 기호로 시작할 수도 있지만 권장하지는 않습니다.

  • 변수 이름은 대소문자를 구분합니다(y와 Y는 서로 다른 변수)

lampJavaScript 语句和 JavaScript 变量都对大小写敏感。


JavaScript 데이터 유형

JavaScript 변수는 텍스트 값(name="Bill Gates")과 같은 다른 데이터 유형도 보유할 수 있습니다.

JavaScript에서는 "Bill Gates"와 같은 텍스트를 문자열이라고 합니다.

JavaScript 변수에는 다양한 유형이 있지만 지금은 숫자와 문자열에만 집중하겠습니다.

변수에 텍스트 값을 할당할 때 값을 큰따옴표나 작은따옴표로 묶어야 합니다.

변수에 할당한 값이 숫자 값인 경우 따옴표를 사용하지 마세요. 숫자 값을 따옴표로 묶으면 해당 값은 텍스트로 처리됩니다.

인스턴스

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var pi=3.14;
var name="Bill Gates";
var answer='Yes I am!';
document.write(pi + "<br>");
document.write(name + "<br>");
document.write(answer + "<br>");
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

JavaScript 변수 선언(생성)

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

변수를 선언하는 데 var 키워드를 사용합니다.

var carname;

변수가 선언된 후 변수는 비어 있습니다(변수가 없습니다. 값) .

변수에 값을 할당하려면 등호를 사용하세요.

carname="Volvo";

그러나 변수에 값을 할당할 때:

var carname="Volvo";

다음 예에서는 carname이라는 변수를 생성하고 해당 변수에 " Volvo" " id="demo"를 사용하여 HTML 단락에 넣습니다:

Example

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>点击这里来创建变量，并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var carname="Volvo";
	document.getElementById("demo").innerHTML=carname;
}
</script>

</body>
</html>

예제 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

lamp一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。

하나의 문, 여러 변수

하나의 문에서 여러 변수를 선언할 수 있습니다. 문은 var로 시작하고 쉼표를 사용하여 변수를 구분합니다.

var lastname="Doe", age=30, job="carpenter";

문 또한 여러 줄에 걸쳐 있습니다:

var lastname="Doe",
age=30,
job="carpenter";


값 = 정의되지 않음

컴퓨터 프로그램에서는 값이 없는 변수를 선언하는 경우가 많습니다. 값 없이 선언된 변수의 값은 실제로 정의되지 않습니다.

다음 문을 실행하면 carname 변수의 값이 정의되지 않습니다.

var carname;


JavaScript 변수 재선언

JavaScript 변수를 재선언해도 해당 변수의 값은 손실되지 않습니다.

다음 두 문이 실행된 후 변수의 값은 carname은 여전히 ​​"Volvo"입니다:

var carname="Volvo";
var carname;


JavaScript 연산

JavaScript 변수, 연산자를 통해 연산을 수행할 수 있습니다. = 및 + 등이 사용됩니다.

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>假设 y=5，计算 x=y+2，并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var y=5;
	var x=y+2;
	var demoP=document.getElementById("demo")
	demoP.innerHTML="x=" + x;
}
</script>

</body>
</html>

Run Instance»

"Run Instance" 버튼 클릭 온라인 예제를 보려면

이 튜토리얼의 뒷부분에서 JavaScript 연산자에 대해 자세히 배우게 됩니다.