#2. 생성자 함수

Seulyi Yoo·2022년 6월 30일
0

javascript grammar

목록 보기
2/20
post-thumbnail
// 객체 리더럴
ler user = {
	name: 'Mike';
	age: 30,
}

// 생성자함수 (like 붕어빵틀)
function User(name, age) { // 첫 글자 대문자
	this.name = name;
	this.age = age;
}

let user1 = new User('Mike', 30); // new 연산자를 사용해서 호출
let user2 = new User('Jane', 22);
let user3 = new User('Tom', 17);

// 생성자 함수 기본 틀
function User(name, age) {
//	this = {}
	this.name = name;
	this.age = age;
//	return this;
}
new 함수명();
-------------------------------
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 = Item('가방', 3000); // undefined, new가 없으면 그냥 함수를 호출함
const item3 = new Item('지갑', 3000);

console.log(item1, item2, item3);

item3.showPrice();

profile
성장하는 개발자 유슬이 입니다!

0개의 댓글