JavaScript(변수, 타이머)

■ 변수

변수란?

var 나이 = 20;
var 이름 = 'kim 아무개 어쩌고 저쩌고 굉장히 매우 긴 이름';

변수는 길고 복잡한 자료가 있을 때 저장해서 쓰기 편리하며, 특정 값을 기록하고 싶을 때도 좋습니다.

var count = 0;
count++;
console.log(count);

위와 같은 방식으로 변수의 값이 1씩 증가하는 것을 기록할 수 있습니다.

 

 

선언과 할당

var 나이; // 변수의 선언
나이 = 20; // 변수의 할당

 

 

변수의 종류

var 나이 = 20;
let 거주지 = 'seoul';
const 가격 = 3000;

변수는 var와 let, const 가 있습니다.

각 변수는 범위와 재선언, 재할당의 가능 여부가 다르다는 특징이 있습니다.

변수	범위	재선언	재할당
var	함수 전체	가능	가능
let	{중괄호 내부}	불가능	가능
const	{중괄호 내부}	불가능	불가능

 

 

재선언

var 이름 = 'kim'
var 이름 = 'park'
// OO 재선언이 가능하다. OO

let 이름 = 'kim';
let 이름 = 'park';
// XX 재선언이 불가능하다. XX 

const 이름 = 'kim';
const 이름 = 'park';
// XX 재선언이 불가능하다. XX

 

 

재할당

var 이름 = 'kim';
이름 = 'park';
// OO 재할당이 가능하다. OO

let 이름 = 'kim';
이름 = 'park';
// OO 재할당이 가능하다. OO

const 이름 = 'kim';
이름 = 'park';
// XX 재할당이 불가능하다. XX

 

 

범위

function 함수(){
  var 이름 = 'kim';
}

console.log(이름);
// 함수 범위를 벗어났기 때문에 에러나옴

if (true) {
  let 이름 = 'kim';
}

console.log(이름);
// 중괄호 범위를 벗어났기 때문에 에러가 나옴
// const도 마찬가지
// var는 중괄호 바깥에서도 정의됨

 

 

■ 타이머

setTimeout()

setTimeout(function(){ 실행할코드~ }, 기다릴시간);

setTimeout을 사용하면 설정한 시간 후에 코드가 실행이 됩니다.

시간은 ms 단위로 1000ms 가 1초입니다.

 

 

setInterval()

setInterval(function(){ 실행할코드~ }, 기다릴시간);

setInterval을 사용하면 설정한 시간 후에 코드가 반복적으로 실행이 됩니다.

 

 

clearTimeout()

// 반복 타이머 설정
var intervalID = setInterval(function() {
  console.log("타이머가 실행되었습니다!");
}, 1000); // 1초 간격으로 실행되도록 설정

// 일정 시간 후에 반복 타이머 취소
setTimeout(function() {
  clearInterval(intervalID);
  console.log("타이머가 취소되었습니다.");
}, 5000); // 5초 후에 타이머 취소

타이머를 삭제하고 싶을 때는 타이머를 변수에 넣어놓고 삭제하고 싶을 때 clearTimeout()를 실행하면 됩니다.