자바 스크립트 기능

| | | | | | | |

자바스크립트 함수는 재사용할 수 있는 사용자 정의 코드 블록입니다. 함수를 사용하면 코드를 보다 모듈화할 수 있으며 객체 지향 프로그래밍에 필수적입니다. 함수는 명령문 또는 표현식으로 정의할 수 있습니다.

JavaScript 를 배우고자 하는 경우 기본적으로 JS 함수는 확실히 알아야 할 사항입니다. 프로그래밍 언어로 작업하는 데 시간을 보냈다면 함수가 복잡한 프로그램의 빌딩 블록이라는 것을 알지만 어떻게 작동하는지 모를 수 있습니다. 함수를 사용하면 여러 번 반복하는 대신 일반적인 프로세스에 대해 한 번만 코드를 작성할 수 있습니다.

함수는 작업을 수행하고 값을 반환할 수 있는 코드 블록입니다. 기능은 필요에 맞게 사용자 정의할 수 있으며 코드를 보다 효율적이고 모듈화하는 데 사용할 수 있습니다.

이 튜토리얼에서는 기본 기능을 살펴보겠습니다. 함수를 정의하는 방법, 함수를 호출하는 방법 및 유용할 수 있는 경우.

자바스크립트 정의 기능 사용 방법

자바스크립트 함수를 정의하는 방법에는 선언과 표현식의 두 가지가 있습니다. 함수를 정의하는 선언 방법부터 시작하겠습니다.

JavaScript 함수 선언

JavaScript 함수 선언

함수 선언은 호출된 함수를 정의합니다. 이 유형의 함수를 정의하려면 함수 키워드 로 코드를 시작하고 그 뒤에 함수 이름이 와야 합니다. 예는 다음과 같습니다.

함수 이름은 변수와 동일한 규칙을 따릅니다. 즉, 밑줄, 숫자를 사용할 수 있고 종종 낙타의 경우로 작성됩니다. 그런 다음 변수 이름 뒤에 선택적 매개변수를 유지할 수 있는 일련의 괄호를 포함할 수 있습니다. 이에 대해서는 기사 뒷부분에서 다시 다루겠습니다.

그런 다음 또는 for if 문과 마찬가지로 함수 코드는 중괄호 안에 있습니다. 다음은 Google을 콘솔에 출력하는 함수의 예입니다.

JS printGoogle() 내부에는 함수가 호출될 때 실행될 console .log() 문이 있습니다. . 그러나 함수를 호출할 때까지 아무 일도 일어나지 않습니다. 함수를 호출하려면 다음 코드를 사용할 수 있습니다.

이제 코드를 단일 함수로 병합한 다음 호출해 보겠습니다.

이 함수의 출력은 Google이 됩니다. printGoogle ()은 호출 시 결과를 반환합니다. 이 경우 마지막 줄에

이제 인쇄 코드가 완성되었습니다. printGoogle () 함수를 호출하여 원하는 만큼 실행할 수 있습니다.

자바스크립트 표현 함수

함수를 선언하는 또 다른 방법은 함수 표현식을 만드는 것입니다. 변수에 함수를 할당하여 이를 수행할 수 있습니다.

Let & rsquo ;. S는 위의 동일한 예를 사용합니다. 함수 자체를 선언하는 대신 변수에 할당할 수 있습니다. 다음은 예입니다.

이 표현식을 호출하려면 표현식을 실행할 때마다 google () 코드 줄을 추가합니다.

이제 함수를 선언할 수 있는 두 가지 방법을 알았으므로 해당 프로그래밍 함수를 사용자 지정하는 방법을 탐색할 수 있습니다. 위의 코드에서 콘솔에 Google 를 인쇄하는 함수를 만들었습니다.

Facebook과 같은 다른 이름을 인쇄하려면 코드를 변경해야 합니다. 웹사이트를 방문하는 사용자가 선호하는 비즈니스 이름을 입력하고 콘솔에 인쇄하도록 하려면 기능이 작동하지 않습니다.

그래서 매개변수를 사용해야 합니다. JS 함수에 name 매개변수를 추가하면 함수를 통해 콘솔에 이름을 인쇄할 수 있습니다. 예는 다음과 같습니다.

함수 이름은 printCompany ()이고 매개변수는 name입니다. 그런 다음 JavaScript 함수에서 매개변수를 호출할 수 있습니다. 위의 예에서 name 매개변수를 사용하여 console.log () 코드 행

하지만 아직 이름을 정의하지 않았습니다. 매개변수를 정의하려면 JavaScript 함수를 호출할 때 값을 할당해야 합니다. 가장 좋아하는 비즈니스는 Snapchat입니다. 함수를 호출하고 함수 호출 내에 회사 이름을 인수 로 삽입합니다.

예는 다음과 같습니다.

로 printCompany() 함수 호출

이 코드를 실행하면 다음이 인쇄됩니다.

우리의 예를 들어 printCompany ()를 사용하여 함수를 호출한 다음 괄호 안에 이름을 지정합니다. 이제 다른 이름으로 함수를 여러 번 재사용할 수 있습니다.

원하는 만큼 매개변수를 사용하고 순서대로 참조할 수 있습니다. 아래에서 작동하는 예를 사용할 것입니다.

반환 값 ‚Äã‚Äã

지금까지의 예에서는 값을 반환하지 않았습니다. 대신 콘솔에 텍스트를 인쇄했습니다. 그러나 함수를 사용하면 처리할 매개변수를 할당한 다음 return 선언에 있는 내용을 기반으로 값을 반환할 수 있습니다.

다음은 2를 더하는 함수의 예입니다. 숫자를 입력하고 총계를 제공합니다.

이 프로그램에서 우리의 함수가 호출되고 두 개의 숫자가 함수에 의해 전달됩니다. 이 함수가 실행되면 이전 예제의 마지막 줄에서 응답으로 3 응답을 받습니다. 매개변수 목록은 쉼표로 구분됩니다.

프로그램은 1과 2를 추가했으며, 매개변수 firstseconds를 코드로 반환합니다. 이 값을 보려면 addNumbers (1, 2)를 호출하는 줄 주위에 console.log ()를 추가할 수 있습니다.

아래의 기능

ECMAScript 6에는 화살표 기능 으로 알려진 기능을 정의하는 보다 간결한 방법이 있습니다. 이들은 다음 표현식으로 표시됩니다. =>

이 함수는 함수 표현식의 한 유형입니다. 작동 중인 방향 기능을 보여주는 예를 들어 보겠습니다.

를 작성하는 대신 화살표 기호를 사용하여 함수를 선언하고 있음을 나타낼 수 있습니다. 지시 함수와 일반 함수 사이에는 약간의 미묘한 차이가 있지만 대부분의 사용 사례에서는 알 필요가 없습니다.

, 괄호가 필요하지 않습니다. 그리고 변수로 작업하지 않는 경우 변수가 선언될 빈 대괄호 세트 ()를 포함해야 합니다. .