본문 바로가기
개인공부/JavaScript

Functions (#4 Vanilla JS)

by BTSBRINGMEHERE 2022. 3. 8.

## Function

object와 비슷하게 생겼지만 기능적으로는 완전하게 다릅니다.

 

funtion test(){
	console.log(test);
    }
    
test();

이런식으로 코드를 작성하고 실행할 때는 함수명인 test()를 작성해서 실행해줍니다.

 

## Functions의 활용

function sayHello(nameOfPerson) {
	console.log(nameOfPerson);
}

sayHello("Young")
sayHello("bin")
sayHello("Yoo")

함수명 괄호 안에 매개변수의 아규먼트를 받을 수 있습니다.

함수를 실행하고 "Young", "bin", "Yoo"는 nameOfPerson의 변수가 되어 받아졌습니다.

 

function sayHello(nameOfPerson, age) {
console.log(nameOfPerson, age);
}

sayHello("Young", 21)
sayHello("bin", 43)
sayHello("Yoo", 17)

변수는 2개 이상의 값을 받을 수도 있습니다.

 

const player = {
	name : function(Name) {
		console.log("Your Name is " + Name + " 입니다.")
	} ,
	sayHello : function(Age) {
		console.log("Your age is " + Age + " 입니다." )
	}
}

player.sayHello(14)
player.name("james")

object안에서의 function 사용법입니다.  

'개인공부 > JavaScript' 카테고리의 다른 글

Document (#6 Vanilla JS)  (0) 2022.03.09
Conditionals (#5 Vanilla JS)  (0) 2022.03.08
array 와 object (#3 Vanilla JS)  (0) 2022.03.02
boolean (#2 Vanilla JS)  (1) 2022.03.02
Const와 let의 차이 (#1 Vanilla JS)  (0) 2022.03.02