본문 바로가기
내가 보려고 정리한 JavaScript

[JavaScript] Function 2

by nacastle 2020. 6. 17.

자바스크립트 내장 함수들

 

1. 타이머

- setTimeout : n초 후 인자로 받아온 함수 1번 실행시키기

- setInterval : n초 간격으로 인자로 받아온 함수 실행시키기

- clearInterval : n초 후 함수 id 종료

- clearTimeout : clearTimeout 은 setTimeout을 취소하는 역할

 

ex.. (setTimeout)

var sub = window.open("", "", "width=400, height=500")

let width = screen.width // 현재 해상도의 가로너비 정보를 가져옴
let height = screen.height // 현재 해상도의 세로너비 정보를 가져옴

// sub.moveTo(width/2, height/2)
sub.resizeTo(width, height) // cf. resizeBy 도 있다.

var id = setInterval(function () {
sub.resizeBy(-20, -20) // cf. resizeBy 도 있다.
sub.moveBy(10, 10) // 상대적 위치 : 처음 있던 위치에서 옮겨감
}, 1000)

setTimeout(function() {
clearInterval(id);
}, 10000);

 

 

2. 코드 실행함수

- eval : ' ', " " 안에 있는 내용을 실행시켜주는 코드... ' ' 안에서 썼던 변수도 유지된다.

 

 

3. 숫자 변환 함수

- parseInt

- parseFloat

 

 

- 타이머 함수는...

자바스크립트의 문장들 싹다 먼저 실행한 뒤에 타이머 함수가 실행됨.

ex...

 

for (var i = 0; i <3; i++) {
setTimeout(function () {
alert(i)
},0);
}

 

 

- apply

 

- ... (전개연산자) : apply는 전개연산자로 대체 가능

: 배열 형태로 묶거나 배열 형태에서 풀어서 쓸 수 있다

 

반응형

'내가 보려고 정리한 JavaScript' 카테고리의 다른 글

[JavaScript] Array 2  (2) 2020.06.17
[JavaScript] Object (객체)  (0) 2020.06.17
[JavaScript] Function  (2) 2020.06.16
[JavaScript] Array  (2) 2020.06.16
[JavaScript] Basic  (1) 2020.06.16