解决JavaScript中构造函数浪费内存的问题!

Posted lvhanghmm

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决JavaScript中构造函数浪费内存的问题!相关的知识,希望对你有一定的参考价值。

解决javascript中构造函数浪费内存的问题!

把构造函数中的公共的方法放到构造函数的原型对象上!

 //    构造函数的问题!
        function Gouzaohanshu(name, age, gender) {
            this.name = name;
            this.age = age;
            this.gender = gender;
            // this.hanshu = function() {
            //     console.log(123)
            // }
        }
        // 把构造函数放到我们的原型对象身上!
        Gouzaohanshu.prototype.hanshu = function () {
            console.log(123)
        }
        var gz = new Gouzaohanshu(‘lvhang‘, 23, ‘nan‘);
        var gz2 = new Gouzaohanshu(‘lvhang‘, 23, ‘nan‘);
        console.log(gz.hanshu() === gz2.hanshu()) // true
        console.dir(Gouzaohanshu) 
        // 一般情况下, 我们的公共属性定义到构造函数里面! 公共的方法我们放到原型对象身上!
    </script>

以上是关于解决JavaScript中构造函数浪费内存的问题!的主要内容,如果未能解决你的问题,请参考以下文章

javascript--对象的特性

Javascript 面向对象编程:封装

对象的继承

装饰图案浪费内存

js奥义:原型与原型链

Web前端开发工程师知识体系_22_JavaScript core