반응형
function
코드에 의해 호출되며 반복해서 실행가능한 코드 조각
서로 다른 5명에게 인사를하려고함
console.log("Hello, jane");
console.log("Hello, tom");
console.log("Hello, john");
console.log("Hello, sam");
console.log("Hello, nico");
argument
function을 실행하는 동안 어떠한 정보를 function에 가져오는 것
같은 코드를 여러번 작성하는 것 대신 호출하면 서로다른 이름을 가져와서 출력할 수 있도록 작성
// 선언
function sayHello(name){
console.log("Hello, " + name);
}
// 호출
sayHello("jane");
sayHello("tom");
sayHello("john");
sayHello("sam");
sayHello("nico");
파라미터 내부에 값을 여러 개 작성할 수 있음
// 선언
function aboutMe(name, age){
console.log("Hello, my name is " + name);
console.log("I am " + age);
}
// 호출
aboutMe("jane", 28);
파라미터에서 요청하는 값만 받음
// 선언
function minusFive(number){
console.log(number - 5);
}
// 호출
// 파라미터 내부에 값을 여러개 작성해도 요청하는 값만 처리함
minusFive(5, 4, 3, 2, 1); // 0
object 내부에 작성
// 선언
const calculator = {
add: function (a, b){
console.log(a + b);
},
minus: function (a, b){
console.log(a - b);
},
multi: function (a, b){
console.log(a * b);
},
div: function (a, b){
console.log(a / b);
},
power: function (a, b){
console.log(a ** b);
},
}
// 호출
calculator.add(10, 2);
calculator.minus(10, 2);
calculator.multi(10, 2);
calculator.div(10, 2);
calculator.power(10, 2);
주의
console.log(calculator.add(10, 2));
선언한 함수 내부에 console에 출력이 포함되어 있어, 호출 시 위처럼 작성하지 않음
'JavaScript' 카테고리의 다른 글
[JavaScript] 문서 객체 모델 DOM(Document Object Model) (0) | 2021.08.31 |
---|---|
[JavaScript] 브라우저 객체모델 BOM(Browser Object Model) (0) | 2021.08.30 |
[JavaScript] 간단한 Array와 Object 차이 (0) | 2021.08.28 |
[JavaScript] 슬라이드와 페이지 이동 구현 (0) | 2021.08.27 |
[JavaScript] 변수를 이용해 body 내부에 iframe 태그로 동영상 업로드 (0) | 2021.08.26 |