JS의 function

김현지·2023년 5월 23일

자바스크립트

목록 보기
2/3
  • function : 코드를 캡슐화 해서 반복 실행 할 수 있게 하는 것입니다.
    - argument : 함수를 실행하는 동안 어떤 정보를 함수에게 보낼 수 있는 방법입니다. 함수의 소괄호 안에 작성하며 해당 함수 안에서만 조재합니다.
function sayHello(){
  //sayHello를 실행할 때 마다 실행될 코드 작성
  console.log("Hello");
}
//sayHello함수 두번 실행 -> console.log("Hello")반복 실행
sayHello(); //Hello출력
sayHello(); //Hello출력

funtion sayHi(nameOfPerson, age){
  console.log("Hi my name is " + nameOfPerson);
  console.log("And I am " + age);
}

sayHi("hj", 29); //출력 : Hi my name is hj And I am 29
sayHi("eddle", 32); //출력 : Hi my name is eddle And I am 32

const player = {
	name: "hj",
 	points: 10,
   	fat: true,
  //properties로 함수를 가질 수도 있다.
  //이를 활용하면 간단한 계산기도 작성할 수 있다.
  	sayHappy: function (who) {
    	console.log("Hi, " + who + "Happy!");
    }
};
//sayHello가 player Object안에 있을 때만 가능
player.sayHello("I am"); //  출력: Hi, I am Happy!



//
- result : 함수의 결과를 받도록 작성할 수 있도록 하는 키워드입니다.
이 것이 실행되면 해당 함수는 종료가 됩니다.
result는 변수에 값을 담아서 코드가 유기적일 수 있게 할 수 있습니다.
const age = 29;

function calculateKrAge(ageOfForeigner) {
	return ageOfForeigner + 2;
}

const krAge = calculateKrAge(age);

console.log(krAge); // 출력: 31


//간단 계산기 예제
const calculator (a, b) = {
plus : function (a, b) {
	result a + b;
}
minus : function (a, b) {
	return a - b;
}
div : function (a, b) {
	return a / b;
}
power : function (a, b) {
 //주의 : 곱하기는 *이 아니라 **이며 같다는 ==이 아닌 ===이다.
	return a ** b;
}

}
//console.log와 달리 코드들이 서로 의존 할 수 있게(유기적이게) 된다.
const plusResult = calculater.plus(5 , 1); 
const minusResult = calculater.minus(plusResult , 2); 
const divResult = calculater.div(minusResult , 2); 
const powerResult = calculater.power(divResult , 2); 

0개의 댓글