input이 있는 함수를 배워보자
function sayHello4(input) { . . . input. . . return output } //중괄호 안에 내가 하고싶은 기능들
여태까지는 input 부분이 비어있는 것만 배웠다.
이번엔 input이 있는 함수를 배워보자.
function sayHello4(name) { return 'Hello,' + name + '!' }
(name)부분을 인자 또는 parameter라고 한다.
내가 받고싶은 정보를 넣으면 된다.
~실습을 통해 알아보자~
function sayHello4(name) { return 'Hello, ' + name } function sayHello5(name) { console.log('Hello' + name) //(1)콘솔로그 입력하고 } sayHello5('code kim') //(2)인자에 넣어줄 다른 값을 꼭 써줘야함
~다른 예제로 또 알아보자~
function sayHello4(name) { return 'Hello, ' + name } function sayHello5(name) { console.log('Hello '+ name) } sayHello5('coffee kim') //'Hello, coffee kim' 출력
~console.log를 한 줄 더 추가해서 알아보자~
function sayHello4(name){ return 'Hello, ' + name } function sayHello5(name){ console.log('Hello ' + name) console.log('Nice to meet you, '+ name + '!' } sayHello(jaypark) //'Hello jaypark' 'Nice yo meet you, jaypark !'
~sayHello에 다른 인자를 추가해서 출력해보자~
function sayHello4(name) { return 'Hello, ' + name } function sayHello5(name) { console.log('Hello '+name) console.log('Nice to meet you, ' + name +'!' } sayHello5('coffee kim') sayHello5('jaypark') //'Hello coffee kim' 'Nice to meet you, coffee kim' 'Hello jaypark' 'Nice to meet you, jaypark'
함수를 하나 선언해놓고 input을 받겠다고 해놓으면
input 자리에 뭐가 들어오던간에 함수의 기능이 서로 달라진다.
여기까지 console.log로 출력하는 방법이고
이제 return을 사용해보자.
function sayHello4(name) { return "Hello, '+name } sayHello4('code kim')
이렇게 하면 아무것도 출력되지 않는다. sayHello4 부분에 code kim이 들어가서
return만 되었을 뿐 console.log가 없기 때문이다. 변수에 담아줘야한다.
function sayHello4(name) { return 'Hello, '+name } sayHello4('jaypark') let greeting = sayHello4('jaypark') //greeting이라는 변수에 담아줌 console.log(greeting) //'Hello, jaypark' 출력
~또 다른 예시로 복습해보자~
function sayHello4(name) { return 'Hello, ' +name } sayHello4 let greeting1 = sayHello4('flower') let greeting2 = sayHello4('water Lee') console.log(greeting2) //'Hello, water Lee'
~input이 한 개 이상인 함수로 실습하기(덧셈) ~
function addNumbers (num1,num2){ let result = num1 + num2 return result } let addNumber = addNumbers(3,5) console.log(addNumber) //8
~input이 한 개 이상인 함수로 실습하기(나누기)~
function dividNumbers(number1,number2){ let result = number1 / number2 return result } let dividNumber = dividNumbers(10,100) console.log(dividNumber) //0.1
함수에서 짚고 넘어갈 부분
function addNumbers (num1,num2){ let result = num1 + num2 return result //함수 내부의 result는 함수의 외부에서 사용할 수 없다 }
함수의 내부와 외부의 기준은 중괄호이다.
함수의 기능은 중괄호를 열고 중괄호를 닫으면 함수의 몸이 끝남.
🚫흔히 하는 실수를 알아보자🚫
function addNumbers(num1,num2){ let result = num1 + num2 return result } console.log(num1) //num1 is not defined(num1 변수가 정의된적이 없다)
function addNumbers (num1,num2){ let result = num1 + num2 return result } console.log(addNumbers(100,500)) //600이 출력되긴 하지만 제대로 된 풀이X