[JavaScript]변수 활용하기

[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

 

변수 종류

변수의 호이스팅이란?

변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것.

함수를 먼저 선언한 경우

function catName(name) {
  console.log("제 고양이의 이름은 " + name + "입니다");
}

catName("호랑이");

/*
결과: "제 고양이의 이름은 호랑이입니다"
*/

 

변수의 값을 먼저 할당한 경우

catName("클로이");

function catName(name) {
  console.log("제 고양이의 이름은 " + name + "입니다");
}

/*
결과: "제 고양이의 이름은 클로이입니다"
*/