자바스크립트에서 가장 중요한 개념은 Function (함수) 이다
그 외에는 스코프 , 실행 컨텍스트 , 클로즈 , 생성자 함수에 의한 객체 생성 , 메서드 , this , 프로토타입 , 모듈화 등이 모두 함수와 깊은 관련이 있다.
( 여기에 있는 관련된 것 들은 공부를 하고 업데이트 예정)
함수에서는 입력을 받아서 출력을 내보낼 때, 또는 함수 내부로 전달 받은 변수를 매개변수(parameter),
입력을 인수 = 인자(argument), 출력을 반환값(return value) 라고 한다 .
자바스크립트 (Java Srcipt)에서 함수란 ?
함수의 특징 ?
예를 들어 코드를 작성할때
<script>
function sutpid(함수명은 자유롭게 설정)(){
const age = 30;
}
if ( age > 19){
console.log('환영 합니다.'); < 세미콜론은 필수>
} else{
console.log(.환영 못합니다.);
}
</script>
이런식으로 함수를 이용하여 대부분의 코드를 작성하였고 지금 위에 작성된 코드는 예시를 들었다는것
여기서 중요한 if , esle 문이 들어갔다는것도 참조하면 좋겠죠 ?
함수 호출 ?
선언:매개변수 ( prarmeter)
호출:전달인자 ( argument)
함수를 사용하는 방법이 따로 있는데요 그 부분은 위에 적힌 코드를 예로 들면 될 것 같습니다.
// 함수 선언식
function getRectangleArea(width, height) {
let rectangleArea = width * height;
return rectangleArea;
}
// 함수 표현식
const getRectangleArea = function(width, height) {
let rectangleArea = width * height;
return rectangleArea;
}
// 함수 표현식 - 화살표 함수
const getRectangleArea = (width, height) => {
let rectangleArea = width * height;
return rectangleArea;
}
// 함수 표현식 - 화살표 함수 (생략형)
const getRectangleArea = (width, height) => width * height;
출처:하나몬 로고
제가 오늘 함수를 공부하면서 느낀 점은 앞으로도 더 공부할게 많다는 것 함수를 어떻게 쓰고 어떤부분에 넣어야 실무에서도 도움이 되는지를 더 공부해야할 것 같아요 물론 검색을하고 짜집기를 해서 여러분들이 편하게 저만의 코드를 넣어서 해보았지만 여러분들도 초보자인 저처럼 ! 공부를하고 나만의 코드로하면 더 재밌고 흥미가 생길 것 같습니다 !
콜백 함수 (callback) 의미는 ? (0) | 2022.10.08 |
---|---|
addEventLister ( 이벤트리스너) 정리 (0) | 2022.10.03 |
전역변수 와 지역변수 (0) | 2022.09.22 |
불리언(boolean) 뜻 과 이해 (0) | 2022.09.21 |
undefined와 null의 차이점이란 ? (0) | 2022.09.19 |