[JS] 생성자 함수 복습

2022. 8. 22. 14:53·Stack/JavaScript

constructorFunction.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let user1 = {
            name: "green",
            age: 20,
            print: function() {
                console.log("hi")
            }
        }
        console.log(user1.name)
        user1.print();
        // 생성자 함수
        function User(name, age) {
            // this = {};
            this.name = name;
            this.age = age;
            this.print = () => {
                console.log(`내 이름은 ${this.name}입니다.`)
            }
            // return this;
        }
        let user2 = new User("blue", 33)
        user2.print();
    </script>
</body>
</html>

'Stack > JavaScript' 카테고리의 다른 글

[JS] fusionChart  (1) 2022.09.01
[JS] 2022 데브매칭 상반기 - 프로그래밍 언어 검색  (0) 2022.08.22
[JS] Promise / Async / 에러 핸들링 복습  (0) 2022.06.30
[JS] Wave  (0) 2022.06.20
[JS] JumpGame  (0) 2022.06.17
'Stack/JavaScript' 카테고리의 다른 글
  • [JS] fusionChart
  • [JS] 2022 데브매칭 상반기 - 프로그래밍 언어 검색
  • [JS] Promise / Async / 에러 핸들링 복습
  • [JS] Wave
7ingout
7ingout
  • 7ingout
    Hello, 7ingout world!
    7ingout
  • 전체
    오늘
    어제
    • 분류 전체보기 (205)
      • Project (5)
      • Stack (173)
        • React (40)
        • JavaScript (50)
        • TypeScript (14)
        • HTML (11)
        • CSS (31)
        • Spring (9)
        • PHP (15)
        • SQL (3)
        • Python (0)
      • ETC (9)
      • Design (13)
        • Illustrator (6)
        • Photoshop (7)
      • Articloid (4)
        • 7ingout (4)
  • 공지사항

    • ☻
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
7ingout
[JS] 생성자 함수 복습
상단으로

티스토리툴바