12강. 자바스크립트 if 조건문 사용방법
11강. 자바스크립트 블럭 과 변수 사용법HTML과 CSS로 만들어진 웹 사이트는일반적으로 정보를 기술하고 보여주는 역할만 할 수 있다. 사용자가 특정액션을 취했을때 동작을 하거나 상호 반응을
soo0100.tistory.com
함수란 자바스크립트 블록문을 하나의 어떤 액션(특정작업)을 할 수 있도록 만든 것이다.
함수의 구조는 하기와 같다.
function 함수이름(){
자바스크립트 구문
}
함수를 만들기 위해서는 먼저
1. function 키워드를 적어준다.
2. 함수 이름을 적고 ()를 붙여준다
3. () 괄호 안에는 매개변수(parameter)라고 불리는 값이 들어올 수 있다. 공백일 때는 값이 없을 때이다.
4. {} 안에 자바스크립트 구문들이 실행된다.
5. {} 안에 return 문이 올 수 있으며, 함수의 반환값이 있을 때 사용한다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>함수</title>
</head>
<body>
<script>
function display(text){
return text;
}
var value = display("Hello");
alert(value);
</script>
</body>
</html>
예제에서는 display(text)라는 매개변수(text) 와 반환값(return text)을 가진 함수를 정의했다.
이렇게 만들어진 함수는
자바스크립트 코드에서 불려져야(호출) 사용할 수 있다.
display("Hello");라고 호출하는 순간
함수 본체가 실행이 된다. [함수를 호출할 때 () 괄호 안에 적어주는 값을 인수 Argument라고 부른다]
text 매개변수는 = "Hello"라는 문자열을 받고, 다시 return 문에 의해서 문자열을 반환한다.
var value 변수에서 반환된 문자열을 받는다.
마지막
alert(value) 함수를 통해서 팝업창에 해당 문자열을 표기한다.
alert() 함수는 우리가 만든 적이 없다. 자바스크립트에서 지원해 주는 이러한 함수들을 '빌트인 함수'라고 부른다.
브라우저에서 확인한 결과는
팝업창에 문자열이 나온다.
특정작업을 하는 함수를 만들어 놓으면, 여러 번 같은 코드를 작성하지 않아도 된다.
필요할 때 해당 함수를 호출하면 되기 때문이다.
14강. HTML요소 클릭시 동작하도록 만들기.
13강. 자바스크립트 함수 사용법함수란 자바스크립트 블록문을 하나의 어떤 액션(특정작업)을 할 수 있도록 만든 것이다.함수의 구조는 하기와 같다. function 함수이름(){ 자바스크립트 구문}
soo0100.tistory.com
'앱 만들기 > JavaScript study' 카테고리의 다른 글
| 15강. 버튼 만들기 (2) | 2024.07.23 |
|---|---|
| 14강. HTML요소 클릭시 동작하도록 만들기. (1) | 2024.07.11 |
| 12강. 자바스크립트 if 조건문 사용방법 (0) | 2024.07.06 |
| 11강. 자바스크립트 블럭 과 변수 사용법 (2) | 2024.07.05 |
| 자바스크립트 String 데이터 형 (2) | 2023.08.17 |
댓글