본문 바로가기
App Programming/JavaScript

[JavaScript] 함수 (Function)

by goatlab 2023. 6. 1.
728x90
반응형
SMALL

함수 (Function)

 

함수는 JavaScript에서 기본 구성 요소 중 하나이다. JavaScript의 함수는 작업을 수행하거나 값을 계산하는 명령문의 집합인 프로시저 (procedure)와 비슷하지만, 프로시저가 함수로 쓰이려면 입력을 반드시 받아야 하고 입력과 명확한 관계가 있는 출력을 반환해야 한다.

 

html

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
    </head>
    <body>
        <script type="text/javascript" src="default.js"></script>
    </body>
</html>

 

js

 

// 매개변수가 없는 함수 생성
function message() {
    document.write("function without parameter" + "<br/>")
}
    
// 한 개의 매개변수를 가진 함수 생성
function welcomeMessage(name) {
    document.write("welcome " + name + "<br/>")
}

// 여러 개의 매개변수를 가진 함수 생성
function addition(num1, num2) {
    var sum = num1 + num2
    document.write("addition is " + sum + "<br/>")
}

// 값을 반환하는 함수 생성
function square(num) {
    return num * num
}

// 함수 호출하기
message()
welcomeMessage("js")
addition(2, 3)
document.write("square of 5 is " + square(5) + "<br/>")

728x90
반응형
LIST

'App Programming > JavaScript' 카테고리의 다른 글

[JavaScript] 배열 (Array)  (0) 2023.06.02
[JavaScript] 즉시 실행 함수 표현식 (IIFE)  (0) 2023.06.01
[JavaScript] continue / break  (0) 2023.06.01
[JavaScript] do-while 루프  (0) 2023.06.01
[JavaScript] 모음 자음 구별  (0) 2023.06.01