삼삼고
꿈꾸는 삼삼고
삼삼고
전체 방문자
오늘
어제
  • 분류 전체보기 (179)
    • 후기 (95)
      • 코딩부트캠프 (90)
      • 취업 준비 기간 (5)
    • 백엔드 (20)
      • django (1)
      • 네트워크 (13)
      • 익스프레스 (0)
      • 그래프QL (2)
      • sqlite3 (1)
    • 프론트 엔드 (49)
      • javascript (21)
      • css (6)
      • react (8)
      • HTML (5)
      • UI&UX (8)
    • experience (1)
    • python (1)
    • project (1)
    • CS (3)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 코드스테이츠 세션 후기
  • django 첫걸음
  • http://www.tcpschool.com/ajax/ajax_basic_node
  • 출처

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
삼삼고

꿈꾸는 삼삼고

[JavaScript]함수
프론트 엔드/javascript

[JavaScript]함수

2022. 8. 22. 16:44
  • 함수란
    • 프로그래밍에서 함수(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
    '프론트 엔드/javascript' 카테고리의 다른 글
    • [JavaScript]문자열
    • [JavaScript]조건문
    • [JavaScript] 타입
    • [JavaScript]변수
    삼삼고
    삼삼고
    별이 되겠습니다

    티스토리툴바