티스토리 뷰
반응형
자바스크립트에서 함수를 어떻게 선언하고, 알아둬야 할 부분이 무엇인지 살펴봅니다.
자바스크립트에서 함수는 function 키워드를 사용해서 선언하게 됩니다.
아래의 함수에서 myFunction은 함수명, a와 b는 인자값(파라미터), 그리고 return a + b는 리턴값이 되게 됩니다.
중괄호 { } 안에서 함수 내용을 적어주면 됩니다.
function myFunction(a, b) {
return a + b;
}
함수를 사용하는 이유는, 함수를 한 번 정의하고 여러 번 사용할 수 있기 때문에 불필요한 코드 작업을 방지할 수 있기 때문입니다.
함수 선언 시 주의점은, 함수 객체와 함수 결과를 혼동하지 말아야 한다는 점입니다.
반응형
아래의 예문에서 toCalculate는 number라는 파라미터를 받아서, 중괄호 내용처럼 계산한 값을 리턴합니다.
함수를 사용할 때 toCalculate(100)는 함수 결과인 400을 나타냅니다.
만약 파라미터가 들어간 괄호 (100)을 생략하면, 함수 객체로 인식하여, toCalculate 함수식을 그대로 전달하게 됩니다.
function toCalculate(number) {
return (100/50) * (number + 100);
}
let calculated_amount = toCalculate(100);
console.log(toCalculate) //콘솔에 찍히는 값은 toCalculate 함수식 전체가 됩니다.
또 하나의 중요한 부분은, 함수 블록 안에서 사용된 변수는 지역 변수로서 작용하기에, 외부에서 해당 변수에 접근할 수 없습니다.
// 함수 외부에서 carName 변수 접근 불가
function myFunction() {
let carName = "Ford";
}
// 함수 외부에서 carName 변수 접근 불가
반응형
'JavaScript' 카테고리의 다른 글
자바스크립트 이벤트 JavaScript Events (0) | 2021.09.15 |
---|---|
자바스크립트 객체 & 프로퍼티 Objects, Properties (0) | 2021.09.15 |
자바스크립트 데이터 타입 Data Types (0) | 2021.09.14 |
자바스크립트 연산자 Operators (0) | 2021.09.14 |
자바스크립트 변수 Var, Let, Const (0) | 2021.09.12 |
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 뷰 바인딩
- 자바스크립트 배열
- 리스트뷰
- 선형 레이아웃
- 탭레이아웃
- Bmi Calculator
- 미제사건
- 상대적 레이아웃
- android adapter
- 안드로이드 프로젝트
- 인텐트
- 2019년 사건사고
- 2007년 사건사고
- tabLayout
- ToDo List 앱 만들기
- 대한민국 미제사건
- 리사이클러뷰
- 안드로이드 어댑터
- findViewById
- 애드뷰
- 안드로이드 앱 만들기
- bmi 계산기 만들기
- lazy init
- 안드로이드 스튜디오 에러
- view binding
- notifyDataSetChanged
- RecyclerView
- 메소드 오버라이딩
- 2021년 사건사고
- addView
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함