728x90
300x250
아래는 매개 변수 값을 이용해 함수를 출력하는 예시이다.
여러 개의 메서드를 불러올 경우 일반적으로 매개변수 위치를 맞춰서 전달해야 한다.
function printInfo(name, age, location) {
document.write(`Name: ${name}<br>`);
document.write(`Age: ${age}<br>`);
document.write(`Location: ${location}<br>`);
}
printInfo("John",30,"New York");
실행결과
Location: New York
Name: John
Age: 30
이번에는 위의 예제를 오브젝트 리터를 클래스 매개변수로 전달하는 예시이다.
오브젝트 리터럴 클래스로 묶어서 매개변수를 전달하면 순서가 변경되더라도 상관이 없다.
function printInfo(person) {
document.write(`Name: ${person.name}<br>`);
document.write(`Location: ${person.location}<br>`);
document.write(`Age: ${person.age}<br>`);
}
const person = {
name:"John",
age:30,
location:"New York"
}
printInfo(person);
실행결과
Name: John
Location: New York
Age: 30
728x90
반응형
'javaScript' 카테고리의 다른 글
프로토타입 방식 클래스 (0) | 2023.06.16 |
---|---|
함수 방식 클래스 (0) | 2023.06.14 |
클래스 기본 개념 정리 (0) | 2023.06.01 |
마우스 클릭 위치 구하기 clientX, clientY, pageX, pageY (0) | 2023.04.27 |
스크롤 될 때 이벤트 처리하기 scroll (0) | 2023.04.25 |
댓글