자바스크립트 변수

JavaScript 변수

대수학과 마찬가지로

x=5
y=6
z=x+y

대수학에서는 문자(예: x)를 사용하여 값(예: 5)을 유지합니다.

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

JavaScript에서는 이러한 문자를 변수라고 합니다.

변수를 데이터를 저장하는 컨테이너로 생각할 수 있습니다.

JavaScript 변수

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

변수에는 짧은 이름(예: x 및 y) 또는 더 설명적인 이름(예: 연령, 합계, 총 볼륨)이 있을 수 있습니다.

변수는 문자로 시작해야 합니다. 변수는 $ 및 _ 기호로 시작할 수도 있습니다(그러나 권장하지 않음). 변수 이름은 대소문자를 구분합니다(y와 Y는 다른 변수입니다)

JavaScript 문과 JavaScript 변수는 대소문자를 구분합니다.

JavaScript 데이터 유형

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

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

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

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

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title></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 단락에 넣습니다.

주의 사항: 좋은 프로그래밍 습관은 다음과 같습니다. 코드에서는 필요한 변수를 균일하게 선언합니다.

하나의 문, 여러 변수

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

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

문은 여러 줄에 걸쳐 있을 수도 있습니다:

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

Value = undefine

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

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

var carname;

JavaScript 변수 다시 선언

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

In 다음 두 명령문이 실행된 후에도 carname 변수의 값은 여전히 "Volvo"입니다.

var carname="Volvo";
var carname;

JavaScript 연산

을 통해 연산을 수행할 수 있습니다. = 및 +와 같은 연산자를 사용하는 JavaScript 변수:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title></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>

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></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>

제출하다 코드 재설정

자동운전