[자바스크립트 입문 #6] 함수 선언과 호출 - function

자바스크립트 함수

---

들어가며

---

코드를 작성할 때, 같은 동작을 여러 번 사용해야 하는 경우가 많습니다. 이 경우에는 매번 코드를 다시 작성하는 대신 함수(function)를 사용하면 훨씬 효율적으로 코드를 관리할 수 있습니다.

---

함수 정의 및 호출

---

자바스크립트에서 함수는 다음과 같은 형태로 정의합니다.

function 함수이름() {
  실행할 코드;
}

---

예를 들어, 콘솔에 “Hello JavaScript”를 출력하는 함수는 다음과 같이 작성할 수 있습니다. 하지만, 다음 코드는 함수를 정의한 상태일뿐 아직 실행되지는 않습니다.

function sayHello() {
  console.log("Hello JavaScript");
}

---

선언한 함수를 실제로 실행하려면 함수 호출이 필요합니다. 다음과 같이 함수 이름 뒤에 () 를 붙이면 함수 내부 코드가 실행됩니다.

function sayHello() {
  console.log("Hello JavaScript");
}

sayHello();

함수 선언 및 실행

---

매개변수와 함수

---

함수는 값을 전달받아 사용할 수도 있습니다. 이 때 전달받는 값을 매개변수(parameter) 라고 합니다.

다음과 같은 코드에서, name은 매개변수이며, 함수 호출 시 전달되는 값에 따라 출력되는 결과가 달라집니다.

function greet(name) {
  console.log("내 이름은 " + name);
}

greet("GH");
greet("JK");

매개변수 활용 함수

---

다음과 같이 여러 개의 매개변수를 사용할 수도 있습니다. 다음 코드는 a와 b 매개변수를 전달받아 덧셈을 하는 add 함수입니다. a와 b를 합한 값을 return으로 반환합니다. return은 함수의 실행 결과를 함수 밖으로 전달하는 역할을 합니다.

function add(a, b) {
  return a + b;
}

let result = add(3, 5);
console.log("add 함수 결과는" ,result);

매개변수 활용 함수2

반응형

파이썬

동일한 내용을 파이썬에서는 다음과 같이 작성합니다.

## 함수

def say_hello():
    print("Hello Python")

say_hello()


## 매개변수 활용 함수

def greet(name):
    print("my name is", name)

greet("GH")


## 여러 개의 매개변수 활용 함수

def add(a, b):
    return a + b

result = add(3, 5)
print(result)

---

퀴즈

---

1. 자바스크립트 함수로 두 숫자를 전달받아 곱한 결과를 출력해 보세요:)

function multiply(a, b) {

    return a * b;
}
let result = multiply(3, 5);
console.log("multiply 함수 결과는", result);

---

2. 이름을 전달하면 “OO님 환영합니다!” 를 출력하는 함수를 만들어 보세요:)

function welcome(name) { 
    console.log(name + "님 환영합니다!");
}
welcome("GH");

---