[TS] 내장 함수

Im-possible·2025년 4월 30일

parseInt

parseInt(string: string, radix?: number): number

- 지정한 문자열을 정수로 변환
- stirng: 숫자로 변환할 문자열
- radix: 2진수부터 36진수까지 변환할 진법(기본 10진수)
- 리턴값: 변환된 숫자
- 소수의 경우 소수는 버린다
console.log(parseInt('100')); // 100 출력
console.log(parseInt('99.876')); // 99 출력

parseFloat

parseFloat(string: string) number

- 지정한 문자열을 부동소수점 방식의 숫자로 변환
- string: 숫자로 변환할 문자열
- 리턴값: 변환된 숫자
console.log(parseFloat('99.876')); // 99.876 출력

setTimeout

setTimeout(handler: TimerHandler, timeout?: number, ...arguments): number

- 지정된 시간이 지난 후 특정 코드로 한 번 실행하도록 예약
- 비동기 방식으로 호출되므로 setTimeout 이후의 코드가 먼저 실행
- delay값이 0이어도 현재 실행중인 함수의 코드가 먼저 실행된 후 실행
- 함수 내부 코드의 수행이 끝난 후부터 타이머가 시작되므로 딜레이가 생긴다
- handler: 지연 후 실행될 코드나 콜백 함수
  (type TimeHandler = string | Function)
- timeout: 대기 시간(밀리초 단위, 1초 = 1000)
- arguments: 콜백 함수에 전달될 추가 인자값들
- 리턴값: 예약을 중지할 때 사용하는 타이버 id(정수)

clearTimeout

clearTimeout(id: number | undefined): void

- 취소할 타이머 id(setTimeout()의 리턴값)
- id가 undefined일 경우 타이머 취소가 무시됨
// 1
console.log('시작');

// 2
const timerId = setTimeout((a: number, b:number) => {
  // 4
  console.log('3초 후에 실행됩니다.', a + b)
}, 1000*3, 10, 20); // a = 10, b = 20

// 3
console.log('종료');


// timeout 작업 취소
clearTimeout(timerId);

setInterval

setInterval(handler: TimeHandler, timeout?:number, ...arguments): number

- 지정된 시간 간격으로 특정 코드를 계속 실행하도록 예약
- handler: 지연 후 실행될 코드나 콜백 함수
  (type TimeHandler = string | Function)
- timeout: 대기 시간(밀리초 단위, 1초 = 1000)
- arguments: 콜백 함수에 전달될 추가 인자값들
- 리턴값: 예약을 중지할 때 사용하는 타이버 id(정수)

clearInterval

clearInterval(id: number | undefined): void

- 취소할 타이머 id(setInterval()의 리턴값)
- id기 undefined일 경우 타이머 취소가 무시됨
console.log('시작');

const timerId = setInterval((a: number, b:number) => {
  console.log('3초 후에 실행됩니다.', a + b, new Date())
}, 1000*3, 10, 20);

console.log('종료');

// timeout 작업 취소
clearInterval(timerId);

0개의 댓글