functions
- 함수는 JavaScript 뿐만 아니라, 다른 프로그래밍 언어에도 존재하는 언어구성이다.
- 이전까지 우리가 작성했던 모든 코드들은 페이지가 로드될 떄, 즉각적으로 실행되었지만, 함수를 사용하게 되면, 나중에 실행되어야 할 코드를 정의할 수 있고, 특정 버튼을 눌릴 때만 그 함수가 실행될 수 있도록 하기 위해서 특정함수를 웹 페이지에 있는 버튼에 연결할 수도 있다.
- 즉시 실행되지 않는 코드를 작성하게 해주며, 웹사이트에 상호작용을 제공해주는 것이다.
- 사용자가 정의하는 함수의 경우, 중괄호 사이에 본문을 넣으면 된다.
- 함수 뒤에는 세미콜론을 넣지 않는다.
app.js
const defaultResult = 0;
let currentResult = defaultResult;
function add(num1, num2) {
const result = num1 + num2;
alert('The result is ' + result);
}
add(1, 2); // 1,2로 먼저 한 번 정의한다.
add(5, 5); // 5,5로 한 번 더 정의하는 것이다.
currentResult = ((currentResult + 10) * 3) / 2 - 1;
let calculationDescription = `( ${defaultResult} + 10) * 3) / 2 - 1`;
let errorMessage = 'An error \n' + 'occurred!';
outputResult(currentResult, calculationDescription);
- alert로 3이 먼저 뜬 뒤에, OK를 눌리게 되면 10이 뜬다.
- 함수 두 개를 실행하고 있기 때문에, alert에 의해 script 실행이 차단되어, 첫 번째 alert가 해제될 때까지 두 번쨰 alert가 대기하는 것이다.
- 두 번째의 alert를 닫게되면, 기존의 페이지가 렌더링된다.