자바스크립트 함수(function)

모든  내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여  작성하였습니다.
출처: https://inf.run/xNcEg

[무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 - 인프런 | 강의

자바스크립트에서도 중요하지만 모든 언어에서 중요한 "함수"입니다.  자바스크립트에서 함수는 코드 블록을 나타내며, 재사용 가능한 기능의 코드를 그룹화하는 데 사용되고 다양한 함수들이 있습니다.

1. 일반 함수

- 가장 기본적인 함수

- ' function ' 키워드로 정의하며, 필요한 매개변수(parameter)를  받아 코드블록을 실행

 

2. 익명함수(Anonymous Function)

- 이름이 없는 함수로, 주로 즉시 실행함수나 콜백 함수에서 쓰인다

- 변수에 할당하서나 다른 함수에 인수로 전달할 수 있습니다.

 

3. 화살표 함수(Arrow Function)

- ' => ' 화살표 연산자를 사용하여 함수를 정의합니다.

- 주로 익명 함수로 사용되며, 'this' 바인딩 동작이 다릅니다.

 

이밖에도 생성자 함수, 내장 함수, 재귀 함수,  콜백 함수,  제너레이터 함수, 순수 함수 , 매서드 등이 있습니다.'

 

/**
 * 만약 5라는 숫자에 *20/ 5 % 2 string으로 변환해서
 * 반환받고싶으면 어떻게 해야할까? 
 */

이런 주석코드가 있습니다. string으로  타입을 변환해서 반환받고 싶으면 어떻게 해야할까? 라는 질문입니다. 

 

 

정답은 아래 소스와 같이 작성해주면 됩니다. toString()이라는 함수를 이용하여 String으로 변환하는 겁니다. 

console.log((5 *10 / 2% 2).toString());
console.log((3 *10 / 2% 2).toString());

 

함수를 사용할때는 이렇게  'function' 키워드를 사용하여 작성합니다. 예를 든 소스코드입니다.

function calculate(){
    console.log((5 *10 / 2% 2).toString());
 }

 
 
 function calculate(number) { //매개변수를 괄호 안에 할당히여  외부에서 받은 값을 사용
     console.log((number *10 / 2 % 2).toString());
 }

함수에서는 Parameter와 Argument 가 존재합니다.

Parameter : 함수에서 입력받는 값에 대한 정의

Argument : 실제 입력하는 값 

 

retrun 반환하는 값을 받는 구문입니다. 

/**
 * 반환받기
 * return 받기
 * 함수안에서 작업한 값을 함수 외부로 받을 수 있기 때문에 유용하다
 */

 

예제소스

function multiply(x,y){
   return  x * y;
}
 
const result1 = multiply(4,5);
console.log(result1);

const result2 = multiply(5,6);
console.log(result2);

여기서  multiply 변수에 x,y 값을 지정하고  각각 x,와 y에 값을 대입하여 retrun 문에 값을 반환 받습니다.

 

다음은 Arrow 함수입니다.

/**
 * Arrow 함수
 * ES6(ECMAScript 2015)에서 도입된 함수 표현식
 * 함수 표기: => 
 * 짧고 간결한 문법 제공
 * this 바인딩
 */

 

위에  return 소스와 비슷한 느낌입니다. 여기서는 Arrow 함수를 적용하여 값을  구합니다.

 

const multiply2 = (x,y) => {
    return x * y;
}
console.log(multiply(5,4));

const multiply3 = (x,y) => x * y;
console.log(multiply3(6,5));

const multiply4 = x => x* 3;
console.log(multiply4(3));

 

이렇게 자바스크립트에서 함수를 알아보았습니다.