상세 컨텐츠

본문 제목

(중요/내용추가됨)Function:함수?

프론트 엔드 연관/JAVAScript 연관

by 스튜핏 2022. 9. 26. 00:15

본문

자바스크립트에서 가장 중요한 개념은 Function (함수) 이다

 

그 외에는 스코프 , 실행 컨텍스트 , 클로즈 , 생성자 함수에 의한 객체 생성 , 메서드 , this , 프로토타입 , 모듈화 등이 모두 함수와 깊은 관련이 있다.

( 여기에 있는 관련된 것 들은 공부를 하고 업데이트 예정)

 

함수에서는 입력을 받아서 출력을 내보낼 때, 또는 함수 내부로 전달 받은 변수를 매개변수(parameter),

입력을 인수 = 인자(argument), 출력을 반환값(return value) 라고 한다 .

 

자바스크립트 (Java Srcipt)에서 함수란 ?

  • 함수를 우선 어떤 목적을 가진 작업들을 수행하는 코드들이 모인 블럭이다
  • 함수를 우선 지시사항들의 묶음(과정)으로 이해하면된다
  • 함수는 재사용 가능한 영역을 정의하면서 정보영역을 캡술화하는데 사용되는 구문이다,
  • 일반적으로 ( 입력 - 함수 - return -출력) 순의 형태를 갖는다
  • 함수 선언을 위해서는 Keyword, name, paramenter, body 필요하다.

 

함수의 특징 ?

 

  • 함수는 function 키워드로 시작하고 , 실제로는 객체로 구분된다
  • 함수는 정의/생성할 수 있으며 또한 출력도 가능하다
  • 객체의 특성 덕분에 함수를 변수나 배열에 배정할 수 있다
  • 다른 함수를 호출할때 인자를 넘겨줄 수 있다 

예를 들어 코드를 작성할때

<script>

function sutpid(함수명은 자유롭게 설정)(){
	const age = 30;
}
if ( age > 19){
	console.log('환영 합니다.'); < 세미콜론은 필수>
 } else{
 console.log(.환영 못합니다.);
 }
 
 </script>

이런식으로 함수를 이용하여 대부분의 코드를 작성하였고 지금 위에 작성된 코드는 예시를 들었다는것

 

여기서 중요한 if , esle 문이 들어갔다는것도 참조하면 좋겠죠 ?

 

함수 호출 ? 

 

선언:매개변수 ( prarmeter)

호출:전달인자 ( argument)

 

함수를 사용하는 방법이 따로 있는데요 그 부분은 위에 적힌 코드를 예로 들면 될 것 같습니다.

 

※ 함수를 정의하는 여러가지 방법

  • 다음은 함수를 정의하는 여러가지 방법에 대한 예시이다.
  • 사각형의 너비를 구하는 함수를 여러가지 방법으로 정의하였다.
 
// 함수 선언식
function getRectangleArea(width, height) {
let rectangleArea = width * height;
return rectangleArea;
}
// 함수 표현식
const getRectangleArea = function(width, height) {
let rectangleArea = width * height;
return rectangleArea;
}
// 함수 표현식 - 화살표 함수
const getRectangleArea = (width, height) => {
let rectangleArea = width * height;
return rectangleArea;
}
// 함수 표현식 - 화살표 함수 (생략형)
const getRectangleArea = (width, height) => width * height;

출처:하나몬 로고 

  • 함수 표현식 – 화살표 함수
    • ES6 문법으로 새로 도입되었다.
    • (함수 표현식을 화살표 함수로 표현할 수도 있다.)
    • 만약 함수의 본문(body)에 return만 있는 경우
    • 화살표 함수는 return과 {}를 생략할 수 있다. 단, 같이 생략해야한다.
    • 그리고 return문에서 소괄호는 사용가능하다.

 

 

 

제가 오늘 함수를 공부하면서 느낀 점은 앞으로도 더 공부할게 많다는 것 함수를 어떻게 쓰고 어떤부분에 넣어야 실무에서도 도움이 되는지를 더 공부해야할 것 같아요 물론 검색을하고 짜집기를 해서 여러분들이 편하게 저만의 코드를 넣어서 해보았지만 여러분들도 초보자인 저처럼 ! 공부를하고 나만의 코드로하면 더 재밌고 흥미가 생길 것 같습니다 ! 

관련글 더보기