천천히 알아보는 코딩공부

javascript 기초 1 - 함수(2) 본문

JavaScript/기초

javascript 기초 1 - 함수(2)

고기고기물고기 2022. 5. 11. 14:30

○ length 프로퍼티

function func0() {

}

function func0(x) {
	return x;
}
function func0(x, y) {
	return x + y;
}
function func0(x, y, z) {
	return x + y + z;
}

console.log('func0.length -' + func0.length); // func0.length - 0
console.log('func1.length -' + func1.length); // func1.length - 1
console.log('func2.length -' + func2.length); // func2.length - 2
console.log('func3.length -' + func3.length); // func3.length - 3

○ 콜백함수

 - 자바스크립트 함수 표현식에서 함수 이름은 꼭 붙이지 않아도 되는 선택사항이다.

<html><body>
	<script>
    	window.onload = function() {
        	alert('this is the callback function');
        };
    </script>
</html></body>

 - 웹 페이지가 로딩될 때 우리가 등록한 이벤트 핸들러가 호출되면서 경고창이 뜨게 된다.

○ 즉시 실행 함수

 - 함수를 정의함과 동시에 바로 실행하는 함수

 - 최초 한 번의 실행만을 필요로하는 초기화 코드 부분 등에 사용할 수 있다.

(function (name){
	console.log('This is the immediate function ->' + name);
))('foo');

○ 내부 함수

 - 함수 코드 내부에서도 다시 함수 정의가 가능하다. 이렇게 함수 내부의 정의된 함수를 내부 함수라고 부른다.

function parent() {
	var a = 100;
    var b = 200;
    
    function child() {
    	var b = 300;
        
        console.log(a);
        console.log(b);
    }
    child();
}

parent();
child();

출력결과

100
300
Uncaught ReferenceError: child is not defined

- 내부 함수는 자신을 둘러싼 외부 함수의 변수에 접근 가능하다.

 

○ 함수를 리턴하는 함수

var self = function() {
	console.log('a');
    return function() {
    	console.log('b');
    }
}

self = self(); // a
self(); // b
저작자표시 (새창열림)

'JavaScript > 기초' 카테고리의 다른 글

javascript 기초 1 - 함수(4)  (0) 2022.05.12
javascript 기초 1 - 함수(3)  (0) 2022.05.11
javascript 기초 1 - 함수(1)  (0) 2022.05.11
javascript 연산자  (0) 2022.04.21
javascript 배열  (0) 2022.04.19
'JavaScript/기초' Related Articles more
Comments