JavaScript组合使用构造函数模式和原型模式详解

作者:异步漫步

时间:2026-10-29

浏览:455

本文介绍了JavaScript中组合使用构造函数模式和原型模式的实现方法。通过构造函数定义实例属性,利用原型对象共享方法,这种模式结合了两种模式的优点,有效解决了单独使用任一模式时的资源浪费或引用共享问题,是创建自定义类型的推荐方式。

文章目录

JavaScript组合使用构造函数模式和原型模式详解

本文通过具体示例,详细阐述了在JavaScript中如何结合使用构造函数模式与原型模式。该方案旨在为开发者提供清晰的参考,帮助理解这一经典的设计模式组合。


function testPrototype2(){
  function Person3(name, age, job){
    this.name=name;
    this.age=age;
    this.job=job;
    this.friends =["shelb", "court"];
  }
  Person3.prototype = {
    constructor:Person3,
    sayName:function(){
      alert(this.name);
    }
  }
  var person1 = new Person3("jack",10,"it");
  var person2 = new Person3("karry",1,"woker");
  person1.friends.push("tom");
  console.info(person1.friends);
  console.info(person2.friends);
  console.info(person1.friends==person2.friends);
  console.info(person1.sayName == person2.sayName);
}

希望上述关于JavaScript程序设计的讲解内容,能对各位开发者的实际编程工作提供有益的帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章