2021. 5. 31. 00:23ㆍJS
함수(Function)란 특정 역할을 하는 코드를 미리 짜서 사용하는 것입니다
매개변수라는 입력값을 받으면 코드가 짜여진대로 실행이 된 후 결과를 반환해줍니다
함수 선언 방법: function 함수명(매개변수){코드}
함수를 사용하는 이유
- 중복되는 코드가 발생했을떄, 그 코드를 함수로 만들어서 중복을 줄일때 사용합니다
- 특정 코드를 반복해주고 싶지만 연속적으로 반복하지 않을때 예) 1,2,1,2,1,2가 아닌 1,2,3,1,2,4,1,2,5와 같이 반복하려는 코드 중간 중간에 다른 코드가 있는 경우 반복문을 사용하지 못합니다
- 가독성을 높여주고 함수명을 통해 코드가 무슨 역할을 하는지 알 수 있습니다
예) sum() : 더하기 수칙을 하는 함수, mul() : 곱셈을 하는 함수
객체(Object)란 서로 연관된 변수 또는 함수들을 그룹핑해서 정리 정돈을 위해 사용하는 수납상자라고 생각하면 됩니다
객체 선언 방법 : var 객체명 = {함수,변수, 등..}
객체를 사용하는 이유
함수를 많이 만들게 되면 함수명이 중복이 될 경우가 생길 것입니다. 코드가 적을 때는 이를 주의하면 괜찮겠지만 코드가 수없이 많을 경우에는 함수명이 중복될 수 밖에 없습니다. 이는 객체를 선언하면 방지할 수 있습니다.
객체 명만 다르면 함수명이 같더라도 문제가 없습니다.
선언한 객체를 사용하는 방법은 두가지가 있습니다
1. 객체명.
2. 객체명[]
객체는 딕셔너리 처럼 사용이 가능합니다
*딕셔너리 : key값과 value 값이 한쌍으로 묶여 있는 것을 말한다.
사실 딕셔너리는 JS에는 없는 자료형입니다 객체와 동일하다고 생각하고 객체에서는 딕셔너리처럼 key:value를 사용할 수 있다는 사실만 알고 있으면 됩니다.
함수도 딕셔너리 형태로 객체 안에 선언을 해줄 수 있습니다.
'JS' 카테고리의 다른 글
공동 웹페이지 만들기 (0) | 2021.06.03 |
---|---|
리팩토링(refactoring)(2) - 함수 & 객체 (0) | 2021.05.31 |
배열(Array)& 반복문(For, While) (0) | 2021.05.20 |
리팩토링(refactoring) (0) | 2021.05.18 |
버튼 클릭시 <body> 에 적용되는 CSS 변경하기 (0) | 2021.05.12 |