TIL 03 l JavaScript

Sophie·2022년 4월 18일
0

TIL . JavaScript

목록 보기
3/5
post-thumbnail

TIL 03 에서는 이전 TIL 02에 이어 데이터 타입을 정리할 것이다.
그 중에서 Function 함수에 대해 집중적으로 배우고 정리하고자 한다.
'모르면 알 때 까지, 안되면 될 때 까지 ' 오늘도 화이팅 하자!!👏


✏️ 자바스크립트 / TIL 03

• Function

  1. 함수의 정의와 호출
  2. 기능 수행만 하는 함수
  3. 함수의 반환 (기능수행과 output만 있는 함수)
  4. 함수의 인자

📒 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;
}
returnconsole.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"

반환(output) 없이 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)
///👉 나누기를 함수에는 순서가 중요하다.

✏️ 스터디 정리

함수를 정의할 수 있고 정의와 호출의 차이점과 함수의 일부의 기능들만 가진 함수도 함수의 역할을 할 수 있다는 것을 배웠다.
분명히 머리는 이해를 했는데 직접 코드를 작성해보니 계속 에러가 났다.
더 많은 함수코드를 직접 만들어보면서 더 익숙해지도록 노력해야 할 것 같다.



profile
ssh30510044@gmail.com

0개의 댓글