※ 함수
● 함수
나만의 믹서기를 만들어보자!
1. 반복되는 실행코드를 묶어서 실행 (재사용성)
2. 중복죄는 코드 최소화
1. 함수 선언
function hello(이름){
console.log(이름+"님 hello")
}
- () 어떤 값을 전달 받아올건지? 파라미터(인자)를 정의
- {} 실제로 어떤 코드가 동작하는지 코드 작성
결과=>
2. 함수 호출
hello('박진우')
- ** 매개변수를 통한 리턴함수
function addNum(숫자1,숫자2){
return 숫자1 + 숫자2
}
console.log(addNum(2,3))
결과=>
● 함수종류
함수이름('마라탕')
1. 함수 선언식 (Function Declations)
일반적인 프로그래밍 언어에서의 함수
function 함수이름(매개변수){
console.log(매개변수)
}
결과 =>
2. 함수 표현식 (Function Expressions)
let 함수이름2 = function(매개변수){
console.log(매개변수)
}
함수이름2('마라탕')
결과 =>
** 화살표 함수 (Arrow Function)
function 함수명(매개변수){로직}
let 함수명 = (매개변수)=>{로직}
let 함수이름3= (매개변수)=>{
console.log(매개변수)
}
함수이름3('안녕하세용?')
결과 =>
● 함수예제
1. 사용자에게 두 개의 숫자를 입력받아줌.
2. console 창에 덧셈, 뺄셈, 곱셈, 나눗셈에 대한 결과 출력.
(3와 2의 덧셈 5)
(3와 2의 뺄셈 1)
(3와 2의 곱셈 6)
(3와 2의 나눗 1.~~)
단, 4개의 함수를 만들 것
plus(), minus(), multi(), div()
만약, 첫번째 숫자가 더 작다면 두번째 숫자-,/첫번째숫자
let num1 = Number(prompt('숫자1 입력하세요.'))
let num2 = Number(prompt('숫자2 입력하세요.'))
※ 나의 풀이
function plus(num1, num2){
console.log(num1+"와 "+num2+"의 덧셈",num1+num2)
}
function minus(num1, num2){
if (num1<num2){
console.log(num2+"와 "+num1+"의 뺄셈",num2-num1)
}
else{
console.log(num1+"와 "+num2+"의 뺄셈",num1-num2)
}
}
function multi(num1, num2){
console.log(num1+"와 "+num2+"의 곱셈",num1*num2)
}
function div(num1, num2){
if (num1<num2){
console.log(num2+"와 "+num1+"의 나눗셈",num2/num1)
}
else{
console.log(num1+"와 "+num2+"의 나눗셈",num1/num2)
}
}
※ 다른풀이
function plus(num1, num2){
console.log(num1+"와 "+num2+"의 덧셈 "+(num1+num2))
}
function minus(num1, num2){
if (num1<num2){
return num2-num1
}
else{
return num1-num2
}
}
console.log(`${num1}와 ${num2}의 뺄셈 ${minus(num1,num2)}`)
function multi(num1, num2){
console.log(num1+"와 "+num2+"의 곱셈",num1*num2)
}
let div = (num1,num2)=>{
if (num1<num2){
return num2/num1
}
else{
return num1/num2
}
}
console.log(`${num1}와 ${num2}의 나눗셈 ${div(num1,num2)}`)
plus(num1,num2)
minus(num1,num2)
multi(num1,num2)
div(num1,num2)
결과 =>
'개발 공부 > JS, JQuery' 카테고리의 다른 글
자바스크립트로 문자열 포매팅 구현하기. String.format() (0) | 2023.10.18 |
---|---|
자바 스크립트 객체생성 (0) | 2023.10.18 |
자바스크립트 for each 문 , for in 문 , for of문 (0) | 2023.10.18 |
자바 스크립트, 배열, 배열함수 (0) | 2023.10.18 |
자바 스크립트 기초, 실행위치 (0) | 2023.10.18 |