[JS] 함수 function
자바스크립트의 함수 선언방법과 전역함수에 대해 알아본다.
자바스크립트 함수 선언방법
자바스크립트에서 함수를 선언할 때에는 다음과 같이 작성한다.
function 식별자(매개변수1, 매개변수2, ...){
연산내용1;
연산내용2;
연산내용3;
...
return 리턴값 [생략가능]
}
function키워드로 함수 선언을 알린다.
식별자를 작성한 후 매개변수를 작성한다.
소활호 () 내에서 매개변수를 작성하며, 콤마 , 로 매개변수를 구분한다. 생략 가능하다.
중괄호 {} 내에서 연산할 내용을 작성한다.
return 키워드는 리턴값이 필요할 때 작성하지만, 리턴값이 필요하지 않을 때에는 생략 가능하다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>함수 선언 및 사용</title>
</head>
<body>
<input type="button" onclick="fnc()" value="버튼">
</body>
<script>
function fnc(){
document.write("<p>버튼을 클릭했습니다.</p>");
}
</script>
</html>
See the Pen 함수 선언 및 사용 by Heekng (@heekng) on CodePen.
위처럼 작성하여 사용하며, 여러가지 이벤트 속성이나, 상황에 맞추어서 함수를 작동시키거나, 자바스크립트 내에서 연산을 할 때 사용 가능하다.
자바스크립트의 전역함수
자바스크립트에서 자주 사용하게되는 전역함수 몇가지를 소개한다.
parseInt()
문자열을 숫자로 변환하여 리턴한다.
parseInt("변환할 값"); 의 형태로 작성하며 ===로 값과 타입을 모두 비교할 때 자주 사용하게 된다.
See the Pen parseInt()사용 by Heekng (@heekng) on CodePen.
isNaN()
숫자이면 false, 숫자가 아니면 false를 리턴한다.
NaN은 Not a Number의 숫자가 아님을 나타내는 상수 키워드이다.
isNaN("값"); 의 형태로 작성한다.
See the Pen isNaN() 확인 by Heekng (@heekng) on CodePen.
isFinite()
isNaN()과 반대로 숫자이면 true, 숫자가 아니면 false를 리턴한다.
isFinite("값"); 의 형태로 작성한다.
See the Pen isFinite() 확인 by Heekng (@heekng) on CodePen.
eval()
문자열 형태의 수식을 전달받아 수식을 계산한다.
eval("수식"); 의 형태로 작성한다.
See the Pen eval() 확인 by Heekng (@heekng) on CodePen.
'JS & TS > Javascipt' 카테고리의 다른 글
[JS] 브라우저 객체 모델 BOM - 1 (0) | 2021.02.17 |
---|---|
[JS] DOM 객체, 프로퍼티 (0) | 2021.02.14 |
[JS] 객체, 프로토타입, property (0) | 2021.02.13 |
[JS] 값 비교하기(==, ===) (0) | 2021.02.12 |
[JS] 데이터타입, 변수, 상수 (0) | 2021.02.12 |
[JS] 자바스크립트로 본문에 코드 추가하기 (0) | 2021.02.11 |