자바스크립트의 function

자바스크립도 함수를 사용할 수 있다.

function 함수이름() {
	document.getElementById('아무거나').style.display = "block"
}

이런 식으로, 함수 이름과 내용물을 적어준 후 사용할 때 함수이름() 이렇게 사용하면 된다.

함수에는 변수라고 구멍을 뚫을 수 있다. 변수를 이용하면 재사용률이 올라간다. 예를 들면, 앞에 버튼 열기 닫기와 연결해보면,

function 열기닫기함수(변수) {
    document.getElementById('아무거나').style.display = 변수;
}

이런 식으로 변수를 집어넣고, 

<button onclick="열기닫기함수('none')">버튼</button>

 하면 닫기이고,

<button onclick="열기닫기함수('block')">버튼</button>

하면 열기가 된다.

이렇게 함수를 잘 이용하면 긴 코드도 줄여서 여러번 재사용할 수 있다.

변수는 2개 이상 사용할 수 있다.

function 더하기(구멍, 구멍2){ 
  구멍 + 구멍2; 
}

이런 식으로 콤마(,)로 구분하고 사용할 때도 더하기(3, 4); 이렇게 사용한다.

 

또한, 함수에는 return 문법이 있다. return 문법은 쉽게 얘기하면, 함수를 사용하고나서 return에 있는 값을 퉤하고 뱉어준다 라고 생각하면 쉽다. 예를 들면,

function 함수() {
	return 1 + 3
}

이렇게 쓰고, 함수()를 사용하면 그 자리에 4가 남게된다. 또 다른 기능으로선, 함수종료 기능이 있다.

따라서, return 아래의 문장들은 실행이 되지 않는다. 그래서 일괄적으로 어떤 값을 내뱉어야 할 때 return을 사용하면 편리할 것 같다.

 

그리고 소수점연산에서 주의할 것이 있다. 컴퓨터는 2진법으로 바꿔서 계산하기 때문에, 1.1 + 0.3을 해도 1.4가 아니라 1.40000000000~1이 나온다. 따라서 애초에 소수점을 10을 곱해서 나중에 10으로 나누던가, 라이브러리를 사용하던가, 반올림을 하면 된다. 반올림을 하는 법은

function 함수() {
	return (1.1 + 0.3).toFixed(2)
}

이런 식으로, toFixed(소수점몇째자리)를 뒤에 붙여서 사용한다. 여기서 주의점은 toFixed로 나온 요소는 문자처리가 된다. 따라서 parseFloat(나온 문자) 또는 parseInt(나온 문자) 이렇게 해서, 숫자로 바꿔준다.