함수는 명령문들의 묶음을 지칭하는 이름입니다.
\nFunctions는 코드를 조직하고 재사용하는 데 도움을 줍니다. 예를 들어, 함수를 사용하면 "꽃 그리기"라는 아이디어를 쉽게 표현할 수 있습니다.
\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 중괄호 사이의 코드를 함수의 본문이라고 합니다. 함수의 본문은 다음과 같이 함수가 호출될 때 실행됩니다:
\ndrawFlower();\n
\n\n함수는 도입부에 매개변수를 추가함으로써 입력을 받을 수 있습니다. 매개변수는 함수가 호출될 때 제공될 값의 자리 표시자입니다. 예를 들어, drawFlower()
함수는 꽃의 크기에 대한 매개변수를 포함할 수 있습니다:
\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
매개변수를 받아들일 수 있습니다:
\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
문을 추가함으로써 출력을 생성할 수도 있습니다:
\nfunction double(x) {\n let answer = 2 * x;\n return answer;\n}\n
\n\nreturn
뒤의 표현식은 다른 곳에서 사용될 수 있는 출력을 생성할 수 있습니다. 예를 들어, double()
함수의 출력은 변수에 할당될 수 있습니다:
\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!