article thumbnail image
Published 2022. 3. 16. 19:58

- 함수 (function)

자바 스크립트에서는 함수도 하나의 값이다.

따라서 함수를 변수에 대입할 수 있다.

다른 함수 내에 중첩되게 정의가 가능하다.

 

- 함수 선언 방법

function 함수명 (매개변수1, 매개변수2, ....) {
			실행할 문장;
            return 리턴값;
}

 

- 함수 표현식

let 함수명 = function(매개변수1, 매개변수2, ... ) {
		실행할 문장;
        return 리턴값;
}

 

 


함수 사용해보기!

<body>

</body>
<script>
	f();
	
	function f() {
		for (let i = 0; i < 10; i++) {
			console.log('i', i);
		}	
	}
	
	(function f2() {
		for(let i = 10; i < 20; i++) {
			console.log('i', i);
		}
	})();

</script>
</html>

위 코드의 결과

 


<body>
	<h1>함수 실행하기</h1>
	<p id="text">재미있는 자바스크립트~</p>
	<input type = "button" value = "내용 바꾸기" onclick="doing();">
	
</body>
<script>
	// 람다식, 화살표 함수
	let doing = () => {
		// document.getElementbyId("아이디명") 
		// : 해당 아이디를 가지고 있는 요소 찾아오기
		let pTag = document.getElementById("text");
		pTag.innerHTML = " 너무 "+pTag.innerHTML
	} 
</script>
</html>

위 코드의 결과
내용 바꾸기 버튼 두번 클릭한 결과

 

'WEB > Javascript' 카테고리의 다른 글

DAY 20 : jQuery  (0) 2022.07.20
DAY 19 : form 태그 접근, 객체, DOM  (0) 2022.07.13
DAY 18 : 객체, 상속  (0) 2022.05.03
DAY 16 : 연산자, 대화상자, 배열 , ...  (0) 2022.03.03
DAY 15 : 자바 스크립트  (1) 2022.03.02
복사했습니다!