<꿀팁모아 : 177번째 포스팅> 자바 스크립트 함수(Function)

<꿀팁모아 : 177번째 포스팅> 자바 스크립트 함수(Function)

안녕하세요 꿀팁모아의 희망주기입니다

 

오늘 알아볼 주제는

 

자바 스크립트 함수(Function) 입니다

 

1 서론

   JavaScript 함수는 특정 작업을 수행하도록 설계된 코드 블록입니다. 자바 스크립트 함수는 "무언가"가 그것을 호출 할 때 실행되는데요. JavaScript 함수는 function 키워드로 정의 되고 이름 뒤에 괄호 () 가 옵니다. 함수 이름에는 문자, 숫자, 밑줄 및 달러 기호(변수와 동일한 규칙)가 포함될 수 있습니다. 괄호는 쉼표로 구분된 매개 변수 이름을 포함할 수 있다는 점 알아 두시면 좋을 거 같아요. 함수에 의해 실행될 코드는 줄괄호 안에 배치되며 함수 매개변수는 함수 정의의 괄호()안에 나열됩니다. 함수 인수는 함수가 호출될 때 함수가 수신하는 값이고 지역 변수로 동작합니다. 이번 포스팅에서 함수 호출, 반환, 지역 변수 등에 대하여 알아보겠습니다. 

 

2 본론

  2-1 함수 호출

 

  함수 내부의 코드는 "something"이 함수를 호출할 때 실행되는데요. 

 

  1) 이벤트가 발생하는 경우 (사용자가 단추를 클릭할 때)

  2) 자바 스크립트 코드에서 호출되는 경우

  3) 자동으로 (자체 호출) 

 

  2-2 함수 반환 

 

  JavaScript가 명령문에 도달하면 함수가 실행을 중지하는데요. return 함수가 명령문에서 호출되면 JavaScript는 호출 문 다음에 코드를 실행하기 위해 "반환"합니다. 함수는 종종 반환 값을 계산하는데요. 반환 값은 "호출자"에게 다시 "반환"됩니다. 

함수 반환

  2-3 왜 기능하는가? 

 

  코드를 재사용할 수 있음: 코드를 한 번 정의하고 여러 번 사용합니다. 동일한 코드를 서로 다른 인수와 함께 여러 번 사용하여 다른 결과를 생성할 수 있습니다. 

기능법

  2-4 () 연산자가 함수를 호출

 

  위의 예제를 사용하여 함수 객체를 참조하고 함수 결과를 참조합니다. () 없이 함수에 엑세스하면 함수 결과 대신 함수 객체가 반환됩니다. 

연산자 함수 호출

  2-5 변수 값으로 사용되는 함수

 

  함수는 모든 유형의 수식, 할당 및 계산에서 변수를 사용하는 것과 동일한 방식으로 사용할 수 있습니다. 

변수 값으로 사용되는 함수

  2-6 지역 변수

 

  자바 스크립트 함수 내에서 선언 된 변수는 함수의 LOCAL이 되는데요. 지역 변수는 함수 내에서만 엑세스 할 수 있습니다. 지역 변수는 함수 내에서만 인식되기 때문에 이름이 같은 변수를 다른 함수에서 사용할 수 있습니다. 지역 변수는 함수가 시작될 때 생성되고 함수가 완료되면 삭제 됩니다. 

지역 변수

3 결론

   이번 포스팅에서 자바 스크립트(JS) 함수에 대해서 알아보았는데요. 함수 호출, 함수 반환, 기능법, 연산자 함수 호출, 변수 값으로 사용되는 함수 그리고 지역함수에 대하여 알아보았습니다. 이해가 되지 않는 분들은 JS를 돌리면서 하나하나 실행시켜보시면 이해하기 수월합니다. 다들 화이팅!!