SoloLearn JS 번역

JavaScript Functions

JS 함수

• A JavaScript function is a block of code designed to perform a particular task.
  • JavaScript 함수는 특정 작업을 수행하도록 설계된 코드 블록이다.

The main advantages of using functions:

함수 사용의 주요 이점

• Code reuse: Define the code once, and use it many times.
  • 코드 재사용: 코드를 한 번 정의하고, 여러 번 사용한다.

• Use the same code many times with different arguments, to produce different results.
  • 동일한 코드를 서로 다른 인수로 여러 번 사용해서 다른 결과를 출력한다.

A JavaScript function is executed when “something” invokes, or calls, it.

JavaScript 함수는 “무언가”를 작동시키거나, 호출할 때 실행된다.

Defining a Function

함수 정의하기

• To define a JavaScript function, use the function keyword, followed by a name, followed by a set of parentheses ().
  • JavaScript 함수를 정의하기 위해, function 키워드와 name 다음에 괄호 () 세트를 사용한다.

• The code to be executed by the function is placed inside curly brackets {}.
  • 함수에 의해 실행될 코드는 중괄호 {} 내에 위치된다.

function name() {
   // 실행될 코드
}

Function names can contain letters, digits, underscores, and dollor signs (same rules as variables).

함수 이름에는 문자, 숫자, 밑줄, 달러 기호(변수와 동일한 규칙)가 포함될 수 있다.

Calling a Function

함수 호출하기

• To execute the function, you need to call it.
  • 함수를 실행하기 위해서는, 함수를 호출해야 한다.
• To call a function, start with the name of the function, then follow it with the arguments in parentheses.
  • 함수를 호출하기 위해서는, 함수의 이름으로 시작한 다음, 괄호 내의 인수를 사용한다.

function myFunction() {
   alert("Calling a Function!");
}

myFunction();	// Calling a Function!

코드 실행 확인

Always remember to end the statement with a semicolon after calling the function.

함수를 호출한 후에는 항상 세미콜론으로 문(statement)을 끝내야 한다.

Calling Functions

함수 여러 번 호출하기

• Once the function is defined, JavaScript allows you to call it as many times as you want to.
  • 함수가 한 번 정의되면, JavaScript는 원하는 만큼 여러 번 그 함수를 호출할 수 있다.

function myFunction() {
   alert("Alert box!");
}

myFunction();	// Alert box!

// some other code

myFunction();	// Alert box!

코드 실행 확인

You can also call a function using this syntax: myFunction().call().

myFunction().call()과 같은 구문을 사용해서 함수를 호출할 수도 있다.

The difference is that when calling in this way, you’re passing the ‘this’ keyword to a function.

이런 방식으로 호출할 때는, ‘this’ 키워드를 함수에 전달한다는 차이점이 있다.

QUIZ

• What is a function?
  • 함수란 무엇인가?

A certain block of code that can be reused over and over again

반복적으로 재사용할 수 있는 특정 코드 블록

• Add the corresponding keyword and symbols to create a function named “test”.
  • 해당 키워드와 심볼을 추가해서 “test”라는 함수를 작성해라.

function test() {
   /* some code */
}

• Fill in the blanks to define and call the “hello” function.
  • “hello” 함수를 정의하고 호출해라.

function hello() {
   alert("Hi there");
}

hello();

• How many times can the function be executed inside a webpage?
  • 웹페이지 내에서 함수를 몇 번 실행할 수 있는가?

As many as needed

필요한 만큼