[JavaScript] 8. 함수의 개념과 활용

2024년 07월 19일

Song hyun
작성자
2024.07.19.:40

728x90

[JavaScript] 8. 함수의 개념과 활용

1. 함수

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <H2>index7.html 파일입니다.</H2>
    <SCRIPT>

        // 매개변수(Parameter)
        // 함수를 실행하기 위해 필요하다고 지정하는 값을 말한다.
        // 함수를 선언할 때, 함수 이름 옆의 괄호 안의 매개 변수를 넣는다.

        // 인수(argument)
        // 함수를 실행하기 위해 필요하다고 지정하는 실제 값이다.
        // 함수를 실행할 때, 매개변수를 통해 넘겨주는 값을 인수라고 한다.

        // 함수 선언학
        function addNumber(a,b){
            let sum =a+b;
            return sum;
        }

        console.log(addNumber(10,10));
         
    </SCRIPT>
</body>
</html>

2. 함수 표현식

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <H2>index8.html 파일입니다.</H2>
    <SCRIPT>

        // 1. 매개 변수가 없는 표현식을 정의해보자.
        const currentTime=function(){
            const now = new Date();
            return now.toLocalTimeString();
        };

        // 출력 결과를 잘 확인해 보자.
        console.log(currentTime);

        // 주의! 결과에 대한 분석을 통해 이해해보자.
        // 주의! 결과에 대한 분석을 통해 이해해보자.
        const time=currentTime();
        console.log("--------");
        console.log(time);

        // 2. 
        const add=function(x,y){
            return x+y;
        }

        console.log(add(3,5));

        const result = add (10,20);
        console.log(result);

    </SCRIPT>
</body>
</html>

// 2. 
const add=function(x,y){
 
 
    console.log(add(3,5));
    return x+y;
}

728x90

'HTML,CSS, JS > JavaScript' 카테고리의 다른 글

[JavaScript] 9-1. 예제 (0)	2024.07.22
[JavaScript] 9. DOM(Document Object Model) (0)	2024.07.22
[JavaScript] 7. 배열의 개념과 사용 방법 (0)	2024.07.19
[JavaScript] 6. 객체의 종류와 생성 방법 (0)	2024.07.19
[JavaScript] 5. ES6와 let (0)	2024.07.18

다음 글이 없습니다.

이전 글이 없습니다.

[JavaScript] 8. 함수의 개념과 활용

'HTML,CSS, JS > JavaScript' 카테고리의 다른 글

티스토리툴바