Javascript 내용정리 (3)

1. 함수(function)

간단한 예시를 통해 알아보도록 하겠다.

ex)

function sayHello(){
	console.log("hello")
}
sayHello(); //hello 출력. 함수의 호출 역할

 

sayHello를 통해 function이 실행되는 모습을 볼 수 있다.

 

이번엔 '매개변수'를 포함하는 함수를 작성해보겠다.

ex)

function add(a, b){
	console.log(a + b);
}
add(2, 5); // 7출력됨

(함수의 구성)

함수의 이름: add

매개변수: a, b

인수: 2, 5

//모던 자바스크립트 딥다이브 인용//

 

매개변수의 각 자리에 맞게 인수를 대입, 함수에 맞는 적절한 값을 출력.

ex2)

function call(name, age){
	console.log("hello! my name is " + name + ". And I'm " + age + "years old.")
}
call("Aru", 20);//name 자리에 "Aru", age 자리에 20 대입 후 console.log()

 

function 밖으로 console.log를 빼내면?

function plus(a, b){
    console.log(a+b)
}
plus(3, 5);
plus(2, 4);
//위의 상황에서 function 밖으로 console.log를 빼낸다면?
/*
ex)
function plus(a, b){
    console.log(a + b)
}
console.log(a); --> error 발생
a는 function 블록 밖에서 존재할 수 없기 때문.
*/

 

2. console.log(), array.push()와 같은 형태의 함수 만들기

 

ex)

const user = {
    name: "취미로글",
    say: function(otherPersonsName){
        console.log("hello " + otherPersonsName);
    },
};
console.log(user.name);// 취미로글 출력
user.say("Aru");// hello Aru 출력

user object의 property say를 표현 -> user.say

function say에 인수 "Aru" 대입 -> say("Aru")

user object의 property인 function say에 인수 "Aru" 대입 -> user.say("Aru")

 

--> console.log(), array.push()와 같은 형태의 함수, user.say()를 만들어내는데 성공