노마드코더 - 바닐라JS로 크롬 앱 만들기(function-2)

function

 

코드

결과

 

후.. 강의의 맨 처음 부분인데 어째서 저 코드가 저런 결과가 나오는지 이해가 되지 않아서 매우 난감했다...

미래의 내가 function이 헷갈린다면 이 글을 읽고 다시 알 수 있게 글을 열심히 써보자면....

 

먼저 마지막 세줄인 

sayHello("ju")

sayHello("so")

sayHello("min")

 

구문은sayHello() 함수를 실행시키는 것 이다. 그런데 괄호 안에는 출력되어야 하는 이름을 넣어준다.

그럼 이제 첫 번째 줄이 실행된다. 그럼  sayHello("ju") 라고 했으니 1번 name = ju가 되고 

마찬가지로 그 아래에 있는 2번 name도 ju가 되는 것 이기 때문에 위와 같은 결과가 나오게 된다.

 

이해를 못하겠는가??

하지만 난 이해 했다ㅎㅅㅎ

 

 

 

function sayHello(name, age) {
    console.log("Hello my name is " + name + " and I'm " + age);
}

sayHello("ju", 20)
sayHello("so", 22)
sayHello("min", 25)

 

위 코드와 같이 function의 괄호에 한개 이상의 값을 지정해 줄 수도 있다. 

단, function의 괄호에 선언된 변수는 그 function의 body안에서만 사용할 수 있는 것임을 명심하자.

 

 

위의 코드를 실행하면 이런 결과가 나온다.

 

코드

결과

쉽게 생각해보면 이런 과정을 거쳐 결과값이 나오게 되는 것 이다.

 

const player = {
    name: "jucong",
    sayHello: function(otherPersonsName) {
        console.log("hello " + otherPersonsName + " nice to meet you")
    }
}
player.sayHello("jucong")
player.sayHello("youn")

우리는 이렇게 객체 안에 함수를 만들 수도 있다.

 

결과

 

 

 

 

 

 

썸네일