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");