고군분투 개발 공부
방명록 RSS 태그 글쓰기 관리자
 
[JavaScript] 생성자 함수
JavaScript 2022-12-14 15:57:06

생성자 함수 : 붕어빵 틀이나 와플팬이라고 생각하면 됨. 필요한 재료를 넣고 찍어내기..

필요한 재료는 이름과 나이

와플은 생성되는 객체

function User(name, age){
		//첫글자는 대문자로
	this.name=name;
    this.age=age;
   }
   
   
let user1=new User('Mike', 30);
let user2=new User('Jane', 22);
let user3=new User('Tom', 17);
		 //new 연산자를 사용해서 호출
         

console.log(user1);
console.log(user2);
console.log(user3);

<출력결과>

User {

name: "Mike",

age:30

}

User {

name: "Jane",

age:22

}

User {

name: "Tom",

age:17

}

 


function User(name, age){
  this.name=name;
  this.age=age;
  this.sayName=function(){
    console.log(this.name);
  }
}

let user5=new User('Han', 40);
user5.sayName(); //'Han'

 


 

function Item(title, price){
  //this={};
  this.title=title;
  this.price=price;
  this.showPrice=function(){
    console.log(`가격은 ${price}원 입니다.`)
  }
  
  //return this;`
}

const item1= new Item('인형', 3000);
const item2= new Item('가방', 4000);
const item3= new Item('지갑', 9000);

console.log(item1, item2, item3);

item3.showPrice();

 

<출력결과>

(item3.showPrice();)

가격은 9000원 입니다.



이 사이트에는
넥슨코리아에서 제공한 넥슨 Lv.1 고딕 Regular체,
카페24가 제작한 아네모네체,
Cadson Demak가 디자인한 Kanit체,
Sandoll이 디자인한 나눔고딕체가
적용되어 있습니다.
멋진 폰트를 무료로 제공해주셔서 감사합니다.

Copyleft ⓒ bskyvision (블루스킨 v1.2)