TIL 03 l JavaScript
TIL 03 에서는 이전 TIL 02에 이어 데이터 타입을 정리할 것이다.
그 중에서 Function
함수에 대해 집중적으로 배우고 정리하고자 한다.
'모르면 알 때 까지, 안되면 될 때 까지 ' 오늘도 화이팅 하자!!👏
✏️ 자바스크립트 / TIL 03
• Function
- 함수의 정의와 호출
- 기능 수행만 하는 함수
- 함수의 반환 (기능수행과 output만 있는 함수)
- 함수의 인자
📒 Function
📌01. 함수의 정의와 호출
✔️ 함수의 정의
Input 받기 >
기능수행 >
Output 반환
input기능을 하는 매개변수, 인자를 받아 함수 내부에서 처리를 하게 되고 내부에서 output 기능인 반환값을 지정할 수 있게 된다. 함수는 이 세가지 기능을 꼭 포함해야지 선언할 수 있는 것은 아니며 일부의 기능들만 가진 함수도 함수의 역할을 할 수 있다.
✔️ 함수의 호출
정의를 한다고 함수들은 실행이 되지 않는다. 실행을 하려면 꼭 함수 외부에서 호출을 해주어야 한다. 즉, 함수를 호출하면 함수 내에 있는 코드가 실행된다.
호출은 함수이름(Input)
로 호출할 수 있으며 인자를 넣어야 할 함수에 아무것도 넣지 않게 되면 undefined로 출력된다는 걸 알아야한다.
📌02. 기능 수행만 하는 함수
Input과 Output 없이 기능수행만 할 수 있다.
중괄호{ }
사이에 있는 기능이 함수가 실행할 기능이 된다.function sayHello() {console.log("안녕하세요! 만나서 반갑습니다.")} sayHello()
📌03. 함수의 반환
output이 있는 함수
return
은 함수에서 결과값을 반환할 때 사용한다.function addNumbers(){ let result = 100 + 200; return "100+200 = " + result; }
return | console.log |
---|---|
함수의 output. 반환하는 결과물 | 단순히 화면에 출력 |
변수에 할당 가능 | 변수에 할당 불가능 |
function getMyAge() {
let myAge = 28
return myAge
}
getMyAge() // 함수의 실행
console.log("my age: ", getMyAge()) // 함수가 반환하는 값을 콘솔창에 출력
}
📌04. 함수의 인자
input이 있는 함수
input = 인자 = parameter
- 함수를 처음 선언할 때 명령어 뒤에오는
( )
에 들어가는 것을parameter
라고 한다.- 함수를 실행(호출) 시킬 때
( )
에 들어가는 것을argument
라고 한다.function sayHello (name) { return'Hello',+ name } let greeting = sayHello('Sophie') console.log(greeting) //"Hello Sophie"
반환(outoout) 없이 input과 기능 수행만 있는 함수 예시
function sayHello (name) {
console.log('Hello',+name)
}
sayHello('Sophie') //"Hello Sophie"
다양한 함수 예시
function sayHello (name) {
return'Hello',+ name
}
let firstExample = sayHello('Sophie')
let secondExample = sayHello('Ted')
let thirdExample = sayHello('Developers')
console.log(firstExample)
console.log(secondExample)
console.log(thirdExample)
///👉 함수를 여러개 만들지 않아도 되어 효율적이다.
function addNumbers (num1,num2) {
let result = num1 + num2
return result
}
let addedNumber = addNumbers(3,5)
console.log(addedNumber)
///👉 함수에 input이 여러개 들어갈 수 있다.
function divideNumbers (number1,number2) {
let result = number1 / number2
return result
}
let smallNumber = divideNumbers(100,10)
console.log(smallNumber)
///👉 나누기를 함수에는 순서가 중요하다.
✏️ 스터디 정리
함수를 정의할 수 있고 정의와 호출의 차이점과 함수의 일부의 기능들만 가진 함수도 함수의 역할을 할 수 있다는 것을 배웠다.
분명히 머리는 이해를 했는데 직접 코드를 작성해보니 계속 에러가 났다.
더 많은 함수코드를 직접 만들어보면서 더 익숙해지도록 노력해야 할 것 같다.
Author And Source
이 문제에 관하여(TIL 03 l JavaScript), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@sophie0527/TIL-03-l-JavaScript저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)