JS中構(gòu)造函數(shù)的方法定義在原型對象里

新進小設(shè)計 2021-10-27

展開全文

構(gòu)造函數(shù)中的方法每當new一個對象的時候，就會創(chuàng)建一個構(gòu)造函數(shù)里的方法，如果多個實例對象就會創(chuàng)建多個方法，占用內(nèi)存，沒有提高代碼的復用性；

將方法定義到構(gòu)造函數(shù)的原型對象里，創(chuàng)建多個實例對象而共享一個方法，方法創(chuàng)建了一次。

<script>
        function Persion(name, age) {
            this.name = name;
            this.age = age;
　　　　　　//在構(gòu)造函數(shù)里定義方法
            this.sing = function () {
                console.log("I can sing");
            }
        }
        var p1 = new Persion("jack", 12);
        var p2 = new Persion("tom", 13);
        console.log(p1.sing === p2.sing);//false





        function Persion2(name, age) {
            this.name = name;
            this.age = age;
        }
　　　　//在構(gòu)造函數(shù)的原型對象里定義方法
        Persion2.prototype.sing = function () {
            console.log("I can sing");
        }
        var p3 = new Persion2("jack", 12);
        var p4 = new Persion2("tom", 13);
        p3.sing();//I can sing
        p4.sing();//I can sing 

        console.log(p3.sing === p4.sing);//true
    </script>