반응형
함수: 특정 동작(기능)을 수행하는 일부 코드의 집합(부분) (function)
함수 호출 예제
// 함수 선언
function helloFunc() {
// 실행 코드
console.log(1234);
}
// 함수 호출
helloFunc(); //1234
return 함수 예제
// 함수 선언
function returnFunc() {
// 실행 코드
return 123;
}
let a = returnFunc();
console.log(a);
매개변수가 있는 함수 예제
// 함수 선언
// a와 b는 매개변수(Parameter)
function sum(a, b) {
// 실행 코드
return a + b;
}
// 재사용
let a = sum(1,2); // 1과 2는 인수(Arguments)
let b = sum(7,12);
let c = sum(2,4);
console.log(a, b, c); // 3, 19, 6
이름이 있는(기명) 함수와 이름이 없는(익명) 함수 예제
// 기명 (이름이 있는) 함수
// 함수 선언
function hello() {
console.log('Hello');
}
// 익명(이름이 없는) 함수
// 함수 표현
let world = function () {
console.log('world');
}
// 함수 호출
hello();
world();
객체데이터 함수 예제
// 객체 데이터
const happy = {
name: 'happy',
age: 11,
// 메소드(Method)
getName: function () {
return this.name;
}
};
const hisName = happy.getName();
console.log(hisName); // happy
// 혹은
console.log(happy.getName()); // happy
반응형
'프론트엔드 > JavaScript' 카테고리의 다른 글
DOM API (0) | 2021.05.10 |
---|---|
조건문 (0) | 2021.05.10 |
변수 (0) | 2021.05.10 |
자료형 (0) | 2021.04.29 |
iframe 내 요소와 부모 요소 간 통신 및 정리 (0) | 2021.04.20 |