-
자바스크립트 기본 - 변수JavaScript/생활코딩 2018. 11. 14. 14:51
변수 - https://opentutorials.org/course/743/4673
변수(Variable)는 값을 담는 그릇이다.
값은 다른 값으로 바뀔 수 있다.
자바스크립트에서 변수를 만들때는 variable의 약자인 var을 변수 앞에 붙여서 변수를 선언한다.
예 ) var a; // 변수 a 를 선언
a. 변수의 선언
예제
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script>
var first = "coding"; // first 라는 변수에 문자값 coding을 넣는다.
alert(first+" everybody"); // first 라는 변수값에 문자값 everybody를 붙여서 경고창을 띄운다.
first = "wjaal"; //두번째로 값을 바꿀 때는 var를 안붙여도됨. first라는 변수에 문자값 wjaal를 넣어서 변수값을 변경한다.
alert(first+" everybody"); // first 라는 변수값에 문자값 everybody를 붙여서 경고창을 띄운다.
</script>
</body>
</html>
예제를 크롬에서 열게 되면 차례대로 경고창으로 나타난다.
경고창 답
1. coding everybody
2. wjaal everybody
b. 변수가 없다면
변수는 코드의 재활용성을 높여준다.
변할 수 있는 영역인 변수 부분과 변하지 않는 영역을 잘 나누어서 코딩을 해야한다.
-> 변할 수 있는 영역이 군데군데 들어가 있으면 수정시 실수 할 가능성이 늘어나기 때문이다.
예제2
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script>
//100의 값이 바뀌면 모든 코드를 다 수정해야함.
alert(100+10);
alert((100+10)/10);
alert(((100+10)/10)-10);
alert((((100+10)/10)-10)*10);
//100의 값이 바뀌면 맨 윗줄만 바꿔주면 됨.
var a = 100; //변할 수 있는 영역
a = a + 10;
alert(a);
a = a / 10;
alert(a);
a = a - 10;
alert(a);
a = a * 10;
alert(a);
</script>
</body>
</html>
예제를 크롬에서 열게 되면 차례대로 경고창으로 나타난다.
경고창 답
1. 110
2. 11
3. 1
4. 10
5. 110
6. 11
7. 1
8. 10
'JavaScript > 생활코딩' 카테고리의 다른 글
자바스크립트 기본 - 조건문 (0) 2018.11.14 자바스크립트 기본 - 비교 (0) 2018.11.14 자바스크립트 기본 - 주석 (0) 2018.11.14 자바스크립트 기본 - 숫자와 문자 (0) 2018.11.14 자바스크립트 기본 - 실행방법과 실습환경 (0) 2018.11.14 댓글