레퍼런스 function

function

함수는 명령문들의 묶음을 지칭하는 이름입니다.

\n

Functions는 코드를 조직하고 재사용하는 데 도움을 줍니다. 예를 들어, 함수를 사용하면 "꽃 그리기"라는 아이디어를 쉽게 표현할 수 있습니다.

\n\nfunction drawFlower() {\n // Style the text.\n textAlign(CENTER, CENTER);\n textSize(20);\n\n<p> // Draw a flower emoji.\n text('\U0001F338', 50, 50);\n}\n</p>\n

함수 도입부는 function 키워드로 시작합니다. 함수의 이름인 drawFlower 뒤에는 소괄호 ()와 중괄호 {}가 따릅니다.\n 중괄호 사이의 코드를 함수의 본문이라고 합니다. 함수의 본문은 다음과 같이 함수가 호출될 때 실행됩니다:

\n\ndrawFlower();\n\n\n

함수는 도입부에 매개변수를 추가함으로써 입력을 받을 수 있습니다. 매개변수는 함수가 호출될 때 제공될 값의 자리 표시자입니다. 예를 들어, drawFlower() 함수는 꽃의 크기에 대한 매개변수를 포함할 수 있습니다:

\n\nfunction drawFlower(size) {\n // Style the text.\n textAlign(CENTER, CENTER);\n\n<p> // Use the size parameter.\n textSize(size);</p>\n<p> // Draw a flower emoji.\n text('\U0001F338', 50, 50);\n}\n</p>\n

매개변수는 함수 선언의 일부입니다. 인수는 함수를 호출하는 코드에 의해 제공됩니다. 함수가 호출될 때, 인수는 매개변수에 할당됩니다:

\n\n// The argument 20 is assigned to the parameter size.\ndrawFlower(20);\n\n\n

함수는 여러 매개변수를 쉼표로 구분하여 가질 수 있습니다. 매개변수는 어떤 유형이든 될 수 있습니다. 예를 들어, drawFlower() 함수는 꽃의 x좌표와 y좌표 및 크기에 대한 Number 매개변수를 받아들일 수 있습니다:

\n\nfunction drawFlower(x, y, size) {\n // Style the text.\n textAlign(CENTER, CENTER);\n\n<p> // Use the size parameter.\n textSize(size);</p>\n<p> // Draw a flower emoji.\n // Use the x and y parameters.\n text('\U0001F338', x, y);\n}\n</p>\n

함수는 return 문을 추가함으로써 출력을 생성할 수도 있습니다:

\n\nfunction double(x) {\n let answer = 2 * x;\n return answer;\n}\n\n\n

return 뒤의 표현식은 다른 곳에서 사용될 수 있는 출력을 생성할 수 있습니다. 예를 들어, double() 함수의 출력은 변수에 할당될 수 있습니다:

\n\nlet six = double(3);\ntext(`3 x 2 = ${six}`, 50, 50);\n

예제

Notice any errors or typos? Please let us know. Please feel free to edit src/core/reference.js and open a pull request!

관련 레퍼런스