JavaScript function 자바스크립트 함수
JavaScript function 자바스크립트 함수
■ 함수는 자바스크립트의 핵심이라고 해도 과언이 아닌데요. 이번 글에서는 함수의 개념과 선언 및 호출에 대해서 정리해보겠습니다. 함수란 자주 사용하는 코드를 미리 [구조화] 해놓은 형태인데요. 프로그래밍할 때 분명히 반복해서 사용하거나 자주 사용하는 코드가 있습니다. 이것들을 미리 묶어 놓은 형태를 함수라고 생각하면 되는데요.
■ 이렇게 함수를 미리 만들어 놓는 걸 '함수의 선언'이라고 하는데요. 'aaa'라는 함수를 선언하는 형식은 다음과 같습니다.
function aaa () {코드 내용}
이렇게 함수의 이름을 지정해서 코드를 작성해도 되구요. 다음과 같이 함수의 이름 없이 변수에 넣을 수도 있습니다.
var bbb=function(){ 코드 내용}
'bbb'라는 이름의 변수에 함수를 넣은 형식입니다.
■ 만들어 놓은 (선언해 놓은) 함수를 불러와서 사용하는 걸 '함수의 호출'이라고 하는데요. 이 녀석을 호출하는 형식은 다음과 같습니다. 함수 이름을 지정해서 만들어 놓은 함수를 호출할 때는 aaa(); 라고 하면 되구요. 변수에 넣어놓은 함수를 호출할 때도 역시 같은 방법bbb();으로 변수의 이름으로 호출하면 됩니다. 간단하죠?ㅎㅎ
개념을 정리했으니 이것들을 예로 함수를 만들어서 출력하는 예제를 만들겠습니다.
▲ 앞에서 알아본 개념대로 간단한 문자열을 출력하는 aaa()라는 함수를 선언하고 있구요. var bbb라는 변수에 함수를 넣었습니다. 이 녀석들을 호출해서 출력해보겠습니다.
▲ 함수와 변수 모두 호출하는 방법은 같습니다. 그림처럼 각각의 이름(식별자)을 이용해서 호출하면 됩니다. 각각의 내용이 제대로 출력되는지 확인해보겠습니다.
▲ 두 개의 함수가 모두 호출돼서 내용이 출력되는 걸 확인할 수 있습니다.
이렇게 해서 자바스크립트에서 함수를 선언하고 호출하는 과정을 정리해봤습니다. 수고하셨어요.