기타/기타 잡다한 것들

자바스크립트 함수(중요함)

제주도소년 2020. 2. 20. 16:22

[ 함수 ]

함수는 여러개의 인자를 받아서, 그 결과를 출력함.

선언되어있고 할당되지 않은 것은 undefined

//함수 선언
function printName(yourName) {
	var myName = "jin su";
    return myName + " " + yourName;
}

console.log(printName()); //undefined
console.log(printName("Seo"));
console.log(printName("one", "two")); // No Error

함수 표현식 (호이스팅)

// 함수 표현식
function printName(yourName) {

	console.log(innerFun); // undefined

	var innerFun = function() {
    	return "inner function";
    }
    
    console.log(innerFun);
}

자바스크립트 함수는 아무 일도 하지 않았을 때 무조건 undefined를 반환한다.

function a() {
}

console.log(a()); // undefined

arguments - 함수가 실행되면 그 안에서 aguments라는 특별한 지역변수가 존재한다. 자바스크립트 함수는 선언한 파라미터보다 더 많은 인자를 보낼 수도 있다. 이 때 넘어온 인자를 arguments로 배열의 형태로 하나씩 접근할 수가 있다.

function a() {
	console.log(arguments);
}

a(1, 2, 3);

//output
//{ '0': 1, '1': 2, '3': 3 }

function a() {
	for(var i = 0; i<arguments.length; i++) {
    	console.log(arguments[i]);
    }
}

a(1,2,3);
//output 1, 2, 3

(ES6) arrow function(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)

function getName(name) {
	return name;
}

// 위 함수는 아래 arrow 함수와 같다..
var getName = (name) => name;

'기타 > 기타 잡다한 것들' 카테고리의 다른 글

자바스크립트 기초2  (0) 2020.02.20
자바스크립트 기초  (0) 2020.02.19
절대경로와 상대경로  (0) 2020.02.18
JavaScript 배열  (0) 2019.10.31
setInterval 예제  (0) 2019.10.31