浅谈prototype和构造函数

构造函数

    function Animal(name) {
        this.name = name;
        this.eat = function() {
            console.log(this.name + "吃老鼠");
        }
    }
    var a = new Animal('猫');
    var b = new Animal('狗');
    console.log(a.eat == b.eat);    //false


构造函数生成的对象实例中的方法eat,在各自的实例上面都创建为新的函数,两个函数各自引用自己的内存,造成资源的浪费

prototype

function Person(name) {
        this.name = name;
    }
    Person.prototype.eat = function() {
        console.log(this.name + '吃早餐');
    }
    var aa = new Person('张三');
    var bb = new Person('李四');
    console.log(aa.eat == bb.eat); //true
张三

李四

prototype生成的对象实例中的方法eat,共同引用Person原型上面的eat方法,节省资源

总结

推荐使用prototype创建对象,更节省内存,更有效率。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 普通创建对象和字面量创建对象不足之处:虽然 Object 构造函数或对象字面量都可以用来创建单个对象,但这些方式有...
    believedream阅读 2,452评论 2 18
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,823评论 18 399
  • *面试心声:其实这些题本人都没怎么背,但是在上海 两周半 面了大约10家 收到差不多3个offer,总结起来就是把...
    Dove_iOS阅读 27,241评论 30 472
  • 2017.1.6 新郎叫何裕靖,水瓶座。新娘叫郑莹莹,双子座。 哈哈,我来分享下他们的故事吧。 新娘是婚礼提前几...
    NIU小丫阅读 1,179评论 0 3
  • 世界上没有人是一座孤岛。 书中的主人翁是岛上书店的店主,我觉得这真是一个幸运的人,原本的孤岛给了他...
    eagle0736阅读 117评论 0 0