- 함수란
- 프로그래밍에서 함수(function)란 특정 목적의 작업을 수행하기 위해 독립적으로 설계된 프로그램 코드의 집합으로 input을 받아 시퀀스를 돌려 output을 내는 것이다.
- JavaScript에서 함수 선언 방법
- 함수 선언식
- 함수 표현식
- 화살표 함수
- 함수 선언식
- 호스팅의 영향을 받음
- 일반적인 프로그램에서의 함수 선언과 비슷한 형태
- 함수 표현식
- 호스팅의 영향을 받지 않음
- 유연한 자바스크립트 언어의 특징을 이용한 선언 방식
#함수 선언식
function 함수명(x,y){
함수에 해당되는 내용
};
#함수 선언식은 함수를 따로 선언한후 값을 불러오는 코드를 따로 작성해야 됨
#함수 표현식
consst 함수명 = function(x,y){
함수에 해당되는 내용
};
#함수 표현식은 함수를 불러옴과 동시에 변수를 선언하여 변수에 값 입력
- 화살표 함수
- 본문이 한 줄이 함수를 작성할 때 요긴하게 사용되는 함수
- 화살표를 이용해 변수들을 식에 대입한다
let sayHi = () => alert("안녕하세요");
sayHi(); #안녕하세요 출력
간단한 계산기 함수를 만들어서 사용해보자!
function miniCalculator(num1, num2, operator) {
// TODO: 여기에 코드를 작성합니다.
if(operator === '+'){
return num1+num2;
}
if(operator === '-'){
return num1-num2;
}
if(operator === '*'){
return num1*num2;
}
if(operator === '/'){
return num1/num2;
}
}
출력해보자!!!!!
console.log(miniCalculator(3,3,'+'))
#3과 3의 덥셈 연산 출력
#출력 6
여기서 함수 표현식을 사용해서 이중 연산을 해보자
let sig = miniCalculator(3,3,'+')
#3과 3의 더한 값 변수에 저장
console.log(miniCalculator(sig,3,'+'))
#sig과 3의 덥셈 연산 출력
#출력 9
728x90
반응형
'프론트 엔드 > javascript' 카테고리의 다른 글
[JavaScript]for문 (0) | 2022.08.24 |
---|---|
[JavaScript]문자열 (0) | 2022.08.24 |
[JavaScript]조건문 (0) | 2022.08.23 |
[JavaScript] 타입 (1) | 2022.08.22 |
[JavaScript]변수 (0) | 2022.08.22 |