Wanna be Brilliant Full-Stack Developer
JavaScript Functions & Arguments 본문
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 |