Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 타입스크립트 리액트
- 내배캠 프로젝트
- 파이썬 replace
- 자바스크립트
- 파이썬 slice
- 타입스크립트 props
- 파이썬 for in
- useEffect
- 리액트 프로젝트
- 내일배움캠프 프로젝트
- 프로그래머스
- 파이썬 enumerate
- Next 팀 프로젝트
- React Hooks
- 파이썬 반복문
- 한글 공부 사이트
- 코딩테스트
- useState
- 파이썬 딕셔너리
- 리액트 훅
- 타입스크립트
- 리액트 공식문서
- REACT
- 내일배움캠프 최종 프로젝트
- JavaScript
- 리액트
- 내일배움캠프
- tanstack query
- typeScript
- 파이썬 for
Archives
- Today
- Total
sohyeon kim
[JS] 생성자 함수 본문
728x90
아래처럼 객체를 만드는 게 객체 리터럴
let user = {
name: "aoto",
age: 30,
};
객체를 여러개 만들어야하는 상황일 때 쓰는 것이 (회원이 여러명이거나..)
생성자 함수! new 함수명
function User(name, age) { // 함수명의 첫 글자는 대문자로
// this = {}; 실제 코드엔 없지만 함수가 실행되면 이런 식으로 동작
this.name = name;
this.age = age;
// return this; 실제 코드엔 없지만 함수가 실행되면 이런 식으로 동작
}
let user1 = new User("aoto", 20);
let user2 = new User("yae", 30);
let user3 = new User("haru", 40);
function User(name, age) {
this.name = name;
this.age = age;
this.sayName = function () {
console.log(this.name); // 여기서 this는 user4
};
}
let user4 = new User("mich", 50);
user4.sayName(); // "mich"
🔗 https://youtu.be/8hrSkOihmBI?si=wEgAWdYSPTou2Zfd
728x90
반응형
'JavaScript' 카테고리의 다른 글
[JS] 심볼 Symbol (0) | 2023.12.13 |
---|---|
[JS] Object methods & Computed property 객체 메소드와 계산된 프로퍼티 (0) | 2023.12.13 |
[JS] 변수 var, let, const (0) | 2023.12.13 |
[JS] class 상속 extends (0) | 2023.09.16 |
[JS] Object Property & Method 객체 프로퍼티와 메소드 (0) | 2023.09.15 |