Javascript 面向对象编程原型prototype的注意问题

最新推荐文章于 2025-02-02 21:39:20 发布

原创最新推荐文章于 2025-02-02 21:39:20 发布 · 126 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#编程 #prototype #JavaScript #ViewUI

JavaScript面向对象编程专栏收录该内容

12 篇文章

订阅专栏

本文通过两个具体的JavaScript示例，对比了使用原型和构造函数创建对象的区别。展示了如何使用这两种方法来管理对象属性，并解释了为何构造函数方式更适合创建具有独立属性的对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  
function Person(){      

 }           
 Person.prototype.names= new Array(“Kevin”);      
 var person1 = new Person();      
 var person2 = new Person();      
  person1.names.push(“Andy”);      
  alert(person1.names.toString());    //kevin,Andy      
  alert(person2.names.toString());    //kevin,Andy      

   //所有对象都指向一个names数组      
////////////////////////////////////////////////////////////      
  function Person(){      
    this.names = new Array(“witkey”);      
  }      
  var person1 = new Person();      
  var person2 = new Person();      
  person1.names.push(“Andy”);      

  alert(person1.names.toString());    //Witkey,Andy      
  alert(person2.names.toString());    //Witkey      
  person2.names.push(“Kevin”);      
  alert(person1.names.toString());    //Witkey,Andy      
  alert(person2.names.toString());    //Witkey,kevin      
/*    
第一种方法使得names指向同一数组，而用构造方法可以使得每个对象拥有自己的属性实例，使用构造器的方法可以避免这种情况。    
*/