Wanna be Brilliant Full-Stack Developer

JavaScript Functions & Arguments 본문

Front-End

JavaScript Functions & Arguments

Flashpacker 2022. 2. 10. 00:47
const player = {
    name: "nico",
    sayHello: function(otherPersonsName) {
        console.log("hello! " + otherPersonsName + " nice to meet you ")
    },
};


player.sayHello("lynn");
player.sayHello("Dowon");
function sayHello(nameOfPerson, age) {
    console.log(nameOfPerson);
}

sayHello("nico" ,10);
sayHello("dal" , 23);
sayHello("lynn", 21);

자바스크립트에서 sayHello로 보내진 첫번쩨 데이터가 nameOfPerson이라는 variable로 가게 된다는것을 알게된다.

이게 우리가 function 바깥에서 데이터를 받는방법 

두가지 nameOfPerson 과 age는 이 블럭 function body 안에서만 존재한다. 

 

결과 NaN 은 Not a Number

 

 

 

function plus(a,b) {
    console.log(a + b);
}

plus(1,5);

기억해야할건 , 첫번쨰 변수인 a에 첫번째 argument의 데이터가 전달되고  두번째 변수인 b는 두번째 argument인 5를 가져간다는것이다.  이게 데이터를 받는 방법이기 때문에 순서는 매우 중요하다.

 

function plus(firstnumber, secondnumber) {
    console.log(firstnumber + secondnumber);
}
console.log(firstnumber);
function divide(a,b) {
    console.log(a/b);
}
plus(60, 8);
divide(1,5);

firstnumber 는 function 블록 밖에서 존재할수 없기때문에 결과는 오류가 나온다.

a 와 b 또한 divide function 에만 존재할수 있다.

 

오브젝트를 만들어서 할수도 있다. 

const player = {
    name: "nico",
    sayHello: function() {
        console.log("hello!")
    },
};

console.log(player.name);
player.sayHello();

 

이 상황속에서 sayHello 에게 오브젝트 바깥에서로부터 argument를 받는 법도 있다.

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


player.sayHello("lynn");
player.sayHello("Dowon");

 

이 모든것이 바로 데이터를 function 안으로 보내는 방법들이다!

'Front-End' 카테고리의 다른 글

JavaScript Searching For Elements!  (0) 2022.02.10
JavaScript On the Browser!  (0) 2022.02.10
JavaScript Conditionals (조건문)  (0) 2022.02.10
JavaScript Returns  (0) 2022.02.10
JavaScript Recap (Variable , Array , Function )  (0) 2022.02.10