[JavaScript]변수 활용하기
변수란
변수는 데이터를 임시로 저장하는 공간이다. 변수를 사용하면 반복적 내용을 변수에 담아 편리하게 사용할 수 있고 연산 속도를 빠르게 한다.
변수 사용하는 방법
변수 선언하는 방법
var 변수명;
변수에 값을 할당하는 방법
변수명 = 값;
변수 선언하는 동시에 값을 할당하는 방법
var 변수명 = 값;
변수를 사용한 예제
var 이메일안내창 = $("#email-alert");
$("#email").on("input",function(){
이메일안내창.show();
});
변수의 범위
전역변수
함수 안과 함수 밖에서 모두 변수를 사용할 수 있다.
var 변수 = "값";
function 함수(){
return 변수;
}
console.log(함수()); // 값
console.log(변수); //값
지역변수
변수의 값을 가져올 수 있는 범위가 함수 안에만 영향을 미친다.
var 변수 = "값";
function 함수(){
var 변수2 = "값2";
return 변수2;
}
console.log(함수()); // 값2
console.log(변수2); // 변수2 is not defined
변수 종류
var : 재선언이 가능한 변수, 범위가 함수 안이다.
let : 재선언이 불가능한 변수, 같은 변수명 사용을 방지할 수 있다, 범위가 {} 중괄호 안이다.
const : 재선언, 재할당이 불가능한 변수, 범위가 {} 중괄호 안이다.
변수의 호이스팅이란?
변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것.
함수를 먼저 선언한 경우
function catName(name) {
console.log("제 고양이의 이름은 " + name + "입니다");
}
catName("호랑이");
/*
결과: "제 고양이의 이름은 호랑이입니다"
*/
변수의 값을 먼저 할당한 경우
catName("클로이");
function catName(name) {
console.log("제 고양이의 이름은 " + name + "입니다");
}
/*
결과: "제 고양이의 이름은 클로이입니다"
*/