일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 애니메이션
- Binding
- page
- 깃허브
- AnimationController
- listview
- 리엑트
- 마우이
- JavaScript
- GitHub
- .NET
- Maui
- Flutter
- Firebase
- 플러터
- 오류
- 자바스크립트
- Animation
- spring boot
- typescript
- MVVM
- 파이어베이스
- MSSQL
- HTML
- 함수
- 바인딩
- db
- 닷넷
- MS-SQL
- React JS
Archives
- Today
- Total
개발노트
3. [Javascript] Function (함수) 본문
반응형
자바스크립트에서 함수는 코드 블록으로서 재사용 가능한 작업 단위를 정의하는 데 사용됩니다.
함수를 사용하면 코드를 모듈화하여 관리하기 쉽게 만들고, 코드의 가독성을 높이고, 코드의 재사용성을 높일 수 있습니다.
함수는 특정한 작업을 수행하거나 값을 반환하는 데 사용될 수 있습니다.
기본적인 Function 작성법.
function addNumbers(a, b) {
var sum = a + b;
return sum;
}
var result = addNumbers(3, 5);
console.log(result); // 8 출력
위 예제는 addNumbers 함수는 a와 b라는 두 개의 Parameter(매개 변수) 를 받고, 이를 더한 값을 Return 합니다.
(함수를 통해 값을 다른 변수에 저장하고 싶다면 Return을 꼭 써줘야 함)
addNumbers(3, 5)를 호출하여 a에 3, b에 5의 Argument(인자 값)를 전달하고, 반환된 값을 result 변수에 저장한 후, console.log를 사용하여 결과를 출력합니다.
객체 리터럴 내에서 Function 메소드 작성법.
자바스크립트에서 객체는 속성(key)과 해당 속성에 대한 값을 가지는 key-value 쌍으로 구성됩니다.
객체 리터럴 내에서 함수를 메서드로 정의할 때, 콜론(:)을 사용하여 메서드 이름과 해당 함수를 연결합니다.
var operator = {
add: function(a, b) {
return a + b;
},
subtract: function(a, b) {
return a - b;
},
multiply: function(a, b) {
return a * b;
},
divide: function(a, b) {
return a / b;
}
};
console.log(operator.add(3, 5)); // 8 출력
console.log(operator.subtract(10, 4)); // 6 출력
console.log(operator.multiply(2, 6)); // 12 출력
console.log(operator.divide(20, 4)); // 5 출력
위 예제처럼 객체안에 function을 작성하여 메소드로 사용할 수 있습니다.
메소드 호출 방법은 객체.메소드명(Argument값) 으로 가능합니다.
반응형
'웹 개발 > Javascript' 카테고리의 다른 글
5. [Javascript] Events 발생시키기 (with function) (1) | 2023.05.17 |
---|---|
4. [Javascript] Document 객체를 이용하여 HTML 값 활용하기 (0) | 2023.05.16 |
2. [Javascript] 변수선언 (0) | 2023.05.15 |
1. [Javascript] Live Server 실시간 디버깅(with VSCode) (0) | 2023.05.08 |
Javascript 들어가기 전 [HTML], [CSS] 한방에 정리 (2) | 2023.05.08 |
Comments