Step02_example4 (변수 연산, if, return)

다음은 변수를 활용한 연산의 복습이다.

2022.07.07 - [javascript] - Step02_example1,2 (변수 연산, if, CamelCase)

 

div1~div10까지의 innerText가 바꾸기 버튼을 누를때마다 하나씩 김구라로 바뀌는 예제이다.

 

 

필자가 작성한 코드로 index=0을 index=-1로 작성하여 버튼을 클릭할때 array를 0부터 시작하게 만들었다.

 

 

선생님의 코드로 굳이 index 초기갑을 -1로 실행할 필요 없이 연산식을 뒤에 배치하여 0부터 시작하고 연산을 하게 만들었다. 또 if문을 활용하여 10이상일때는 실행하지 못하게 강제하여 추후 버튼클릭이 10회 이상일때 오류가 나지 않도록 만들었다.

 

같은 동작을 if 와 return을 활용해서 작성한 예시이다. 이 방식이 더 선호된다고 하셨다.

 

 

function 함수

 

-특정 시점에 일괄 실행할 javascript 들을 모아 놓을 수 있다.

-함수를 호출(call) 하면 함수 안쪽으로 실행 순서가 들어간다.

 

함수 종료 시점

 

함수 안에 있는 모든 javascript 를 수행하고 더 수행할 javascript 가 없을때

수행하다가 return 이라는 예약어를 만났을때