首页 > 其他 > 详细

构造函数的原型对象的prototype

时间:2021-05-21 18:04:04      阅读:27      评论:0      收藏:0      [点我收藏+]

构造函数的缺点,相信大家应该都知道是:浪费内存。那么如何解决这个问题?这个就是今天要分享的构造函数的原型对象prototype。先来看看一个案例说明内存浪费的原因:

    function Person(name,age) {
        this.name = name;
        this.age = age;
        this.talk = function () {
            console.info("会说话")
        }
    }
    var tom = new Person(‘Tom‘,10);
    var mikky = new Person(‘Mikky‘,12);
    console.info(tom);
    console.info(mikky)

技术分享图片

 

 以上代码打印结果中就是Person的构造函数中有两个talk方法,而且这两个talk方法还不相等,这样就导致没创建一个实例,便会有一个新的方法存在,以至于浪费空间。

所以,javascript规定,每个构造函数都有一个prototype属性,指向另一个对象,而这个对象的所有属性和方法,都会被构造函数所拥有。这样我就可以将一些不变的方法定义在protutype对象里,那么所有的实例对象都将可以调用这些方法。来看案例

function Person(name,age) {
        this.name = name;
        this.age = age;
       /* this.talk = function () {
            console.info("会说话")
        }*/
    }
    Person.prototype.talk = function () {
        console.info("会说话")
    }
    var tom = new Person(‘Tom‘,10);
    var mikky = new Person(‘Mikky‘,12);
    tom.talk();  //会说话
    mikky.talk(); //会说话

技术分享图片

 

 可以看出这个talk的方法就在这个prototype这个原型对象里了,这里的__proto__和我所说构造函数的prototype是一回事,即是全等的。当然只要你看到同一个构造函数里的__proto__,那么这个对象里的方法等都可以被直接调用。

技术分享图片

 

 原型对象的最主要作用就是共享方法。

构造函数的原型对象的prototype

原文:https://www.cnblogs.com/web001/p/14793792.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!