함수 활용

함수가 필요한 이유!!

 

1.  nightDayhandler(self) -> 함수 안에 있는 로직을 실행시키고 싶을 때 함수 이름 지정

2. 동일한 함수에 중복된 속성이 동시에 바뀐다 

3. 유지보수가 쉬워짐

4. 프로그래밍에 나오는 거의 대부분 문법과 기능들을 중복되는 코드를 줄이기 위해서 만든 것

5. 코드가 한 줄로 줄어든다면 간결해지고 가독성이 좋아진다 ↓

<input id="night_day" type="button" value="night" onclick="nightDayhandler(this)">

 

함수의 활용

 

소스코드 예시

 

그림 nightDayhandler(self)

그림&nbsp; nightDayhandler(this)

1. function nightDayhandler(self) 

- slelf라는 매개변수를 만들고 함수 안에 동일하게 넣어준다

2. nightDayhandler(this) 

- this는 input 태그를 가리킨다 

- this 를 사용하는 이유는 함수안에서 self 라는 변수를 하나만 사용해도 this가 가르키는 input 태그의 속성값들(id,type,value 등등) 이 인자로 들어온다.

그래서 예를 들어 self.value 이라는 코드를 보면 input 의 value 속성을 뜻하는것이다.

 

총 정리

하나의 기능 (function함수)를 만든다고 할 때

그 기능을 나중에 원하는 대로 변형하여 쓰고 싶을 때 그 변형값을 function에 넣는 게 매개변수이고

function 덧셈(매개변수 1, 매개변수 2){

1 + 매개변수 1 + 매개변수 2 + 

}

-> 1 + 매개변수 1 + 매개변수 2 = 함수 function의 값

덧셈(3, 5);
-> 9

위에 결괏값에 넣은 게 함수로부터 전달 해주는 값 인자(3, 5)인 것 같습니다

 

매개 : 둘사이의 관계를 맺어줌
변수 : 변하는 수
매개변수 : 둘사이의 관계를 맺어주면서 변하는 수

 

function에서 결괏값에 영향을 주는 변하는 수를 매개변수 라고 한다

function() 함수이름 괄호에 특정한 숫자나 데이터를 넣으면 그게 인자가 된다

 

 x + y = ? 라는 함수에 x, y는 매개변수이고
내가 x에 1을 넣고 y에 2를 넣으면 1,2는 인자(구성요소)라고 하는 것이고
매개변수에 내가 어떤 인자를 넣느냐에 따라서 값이 달라지는 것이 함수라고 보면 될 거 같아요.