You will be fine

<javascript> 3. prototype , getter&setter

by BFine
반응형

<script>

        

        function Dog(name,age) {

            this.name=name;

            this.age=age;

            this.speak=function () {

                console.log("멍멍");

             

            }

        }


        var mala = new Dog("Mala", 9);

        mala.speak();


        var sibe = new Dog("Sibe", 3);

        sibe.speak();


        // 속성은 다르지만 fuction은 같음 메모리 낭비 



        function Dog2(name, age) {

            this.name = name;

            this.age = age;

        }


        Dog2.prototype.speak = function () {

            console.log("멍멍");

        }


        var mala2 = new Dog2("Mala", 9);

        mala2.speak();


        var sibe2 = new Dog2("Sibe", 3);

        sibe2.speak();



        ////getter setter


        function Dog3() {

            var name = name; // 외부 접근 불가

            var age = age;


            this.getName= function () {

                return this.name; // this 붙여주어야함

            }

            this.setName = function (name) {

                this.name = name;

            }

        }


        var mal = new Dog3();

        mal.setName("ma");

        console.log(mal.getName());

           

        mar.constructor // 생성자를 출력


     

    </script>




콘솔화면



멍멍

HTMLPage1.html:13 멍멍

HTMLPage1.html:33 멍멍

HTMLPage1.html:33 멍멍

HTMLPage1.html:59 ma







반응형

'공부(2018~2019) - 스킨변경전 > Javascript' 카테고리의 다른 글

<javascript> 5. event(2)  (0) 2018.03.28
<javascript> 5. event  (0) 2018.03.27
<javascript> 4. document 객체  (0) 2018.03.27
<javascript> 2. How to define Object  (0) 2018.03.26
<javascript> 1. for~in, with, in  (0) 2018.03.26

블로그의 정보

57개월 BackEnd

BFine

활동하기