함수를 '호출'한다 : 해당 함수가 기능을 수행하고 결과값을 반환한다.
console.log("콘솔에 로그를 남기는 함수");
함수식 정의
function 함수이름(매개변수/인수1, 인수2) { //이 코드 안에서 인수들은 변수처럼 활용할 수 있다. 함수를 정의할 때 사용하는 변수를 매개변수라 함. 매개변수가 있는경우 인수(함수를 호출할 때 전달한 값)를 적음.
/*실행할 코드 작성*/
return 결과값; /*return을 만나면 함수는 즉시 실행을 멈추고(종료) 뒤에 있는 결과값을 반환.
} 참고로 실행은 종료해야하지만 결과값은 반환할 필요가 없는 경우 결과값 생략가능.*/
함수 실행하는 법
텍스트
개발자도구 console탭에 함수이름을 적고 괄호 (를 열고 인자가 있는 경우, 인자를 적고 괄호 ) 닫고 세미콜론으로 명령을 마치면 된다.
--함수 예시--
function return_test() { //return_test()함수를 호출하면
return; //return 구문을 만나서 그 밑에 있는 코드는 실행되지 않고
console.log("실행되지 않은 코드");
} //여기로 넘어가 바로 함수가 종료된다.
function print(message) { //괄호 안에 문자열을 넣을 때 큰따옴표로 둘러싸기
console.log("print function in");
console.log(message);
console.log("print function out");
} //반환값은 없다.
function sum(arg1, arg2) {
var result = arg1+arg2; //변수 result를 첫번째 매개변수와 두번째 매개변수를 더한 값으로 초기화.
return result; //그 값을 return 구문을 통해 반환.
}
이렇게 작성한 함수를 웹으로 로드한 후 console탭에서 함수이름을 입력해 사용해보면..
'Programming > javascript (JS)' 카테고리의 다른 글
JS(11) 연산자 우선순위 (0) | 2019.10.01 |
---|---|
JS(10) 관계연산자 / 논리연산자 (0) | 2019.10.01 |
JS(8) 산술연산자 (0) | 2019.09.30 |
JS(7) undefined, null (0) | 2019.09.30 |
자바스크립트 JS (6). 데이터타입(자료형) - 객체 object (0) | 2019.09.30 |