function 함수
- <script>의 위치는 상관이 없음
- head에 사용하는 경우) 화면에 뜨기 전에 먼저 실행 = 가장 처음
- 나머지 위치에 사용) 순서대로 실행
- 특정 기능을 수행하기 위한 코드 = 호출되면 사용
선언
<script>
// 선언
function myFirstFunc(){
console.log('처음으로 만든 함수!');
}
// 호출
myFirstFunc()
</script>- function이라는 키워드를 사용하여 선언
- function 함수명 = 기능을 압축설명하는 의미로 작성
- function 함수명 ( ) = 파라미터(매개변수) 선택적
- 자바스크립트에서는 파라미터 타입의 형식은 자유도가 높음 = 다양한 형태로 사용 가능
- function 함수명 () { 로직 작성 }
- return : 함수의 실행을 종료하는 역할 + 동시에 특정 결과값을 호출한 위치로 반환
호출 방법
1. 선언 후 바로 호출
<script>
function mySecondFunc(){
console.log('함수');
}
mySecondFunc();
</script>2. 선언 후 다른 위치에서 호출
<head>
<script>
function myFirstFunc(){
console.log('함수!');
}
</script>
</head>
<body>
<script>
myFirstFunc();
</script>
</body>3. 외부에서 선언 후 src로 연결한 후 호출
03_function.js 에서 생성
function myOuterFunc(){
console.log('내가 밖에서 만들어 온 함수');
}03_function.html에서 호출
<body>
<script src="03_function.js"></script>
<script>
myOuterFunc();
</script>
</body>
'HTML.CSS.JS > JS' 카테고리의 다른 글
| [JS] 함수 파라미터(매개변수) 받아 사용하기 (0) | 2023.04.12 |
|---|---|
| [JS] return 리턴 (0) | 2023.04.12 |
| [JS] dataType 데이터 타입, 자료형 (0) | 2023.04.12 |
| [JS] console.log(변수명) ; 콘솔 출력 (0) | 2023.04.12 |
| [JS] 백틱 ` ` (0) | 2023.04.12 |