[JavaScript] 함수

2024. 6. 1. 13:37· FrontEnd/JavaScript
목차
  1. 1.함수 선언
  2. 2.함수 사용
  3. 3.무명함수
  4. 4.반환
  5. 5.오버라이딩 금지
  6. 6.정해지지않은 매개변수 
728x90


1.함수 선언

function 함수이름(매개변수...){
실행문장;
return 반환값;
}

 

 

 

 

 

 

2.함수 사용

버튼을 누르면 fun1 함수가 실행되도록 만들었다.
<script>
    var var1="안녕하세요"
    function fun1(msg){
        document.write(msg)
    }    
</script>

 

<button onclick="fun1(var1)">눌러</button>

 

 

 

 

 

 

 

 

3.무명함수

함수표현식을 선언하여 변수에 할당하는 방법, 변수를 함수명으로 사용한다.
<script>
    var msg="안녕하세요"
    var prifun=function(msg){
        document.write(msg)
    }
</script>

 

<button onclick="prifun(msg)">눌러2</button>

 

 

 

 

 

 

 

 

4.반환

return 을 통해 함수에서 값을 반환할수있다.
var prifun=function(msg){
    document.write(msg);
}

function sum(a,b){
    return a+b;
}
<button onclick="prifun(sum(4,5))">눌러3</button>

 

 

 

 

 

 

5.오버라이딩 금지

함수의 이름을 동일하게 하여 인자의 개수를 다르게 하는 오버라이딩은 자바스크립트에서 사용할수없다.

 

 

 

 

6.정해지지않은 매개변수 

arguments는 함수의 지역변수로 함수의 파라미터를 배열형태로 가진다.
이를 통해 매개변수의 수에 상관없이 함수를 작성할수있다.
function sum2(){
    var sum=0
    for(var i=0;i<arguments.length;i++){
        sum+=arguments[i]
    }
    document.write(sum)
}

 

<button onclick="sum2(1,3,5,6,7)">눌러4</button>

 

 

 

 

728x90
저작자표시 (새창열림)

'FrontEnd > JavaScript' 카테고리의 다른 글

[JavaScript] 배열  (0) 2024.06.01
[JavaScript] 조건문, 반복문  (0) 2024.05.20
[JavaScript] 연산자  (0) 2024.05.20
  1. 1.함수 선언
  2. 2.함수 사용
  3. 3.무명함수
  4. 4.반환
  5. 5.오버라이딩 금지
  6. 6.정해지지않은 매개변수 
'FrontEnd/JavaScript' 카테고리의 다른 글
  • [JavaScript] 배열 메소드
  • [JavaScript] 배열
  • [JavaScript] 조건문, 반복문
  • [JavaScript] 연산자
아사_
아사_
프로그래밍 공부한거 정리해두는 메모장 블로그
아사_
개발공부 블로그
아사_
전체
오늘
어제
  • 분류 전체보기 N
    • FrontEnd
      • html
      • css
      • JavaScript
      • Node.js
      • React
      • React Native
    • BackEnd N
      • SpringBoot N
      • FastAPI
      • PHP
      • Flask
      • supabase
    • Language
      • Python
      • JAVA
      • Kotlin
      • C++
    • Development Tools
      • AWS
      • GIT,GITHUB
      • Docker
      • 메시지 브로커
      • 기타 도구,플랫폼
    • Computer Science
      • 개발지식
      • Server&Network
      • Algorithm&DataStructure
      • Security
      • DataBase
      • OS
    • AI
    • 기타
      • 잡다
      • Android
      • 도서
    • 클론코딩
      • 생활코딩 Express.js
      • 점프 투 장고
      • 생활코딩 Node.js

인기 글

최근 글

250x250
hELLO · Designed By 정상우.v4.2.2
아사_
[JavaScript] 함수
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.