1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 8 //构造函数+原型 9 function Person(){ 10 } 11 Person.prototype = { 12 constructor: Person, 13 name: "张三", 14 family: ["爸爸", "妈妈", "哥哥"], 15 run: function(){ 16 console.log("run"); 17 } 18 } 19 20 //xiaohong 21 var xiaohong = new Person(); 22 console.log(xiaohong.family); //[爸爸,妈妈,哥哥] 23 24 //xiaoming 25 var xiaoming = new Person(); 26 console.log(xiaoming.family); //[爸爸,妈妈,哥哥] 27 28 xiaoming.family.push("妹妹"); 29 console.log(xiaoming.family); //[爸爸,妈妈,哥哥,妹妹] 30 console.log(xiaohong.family); //[爸爸,妈妈,哥哥,妹妹] 31 32 33 //单独使用原型存在问题： 34 //1， 不能初始化属性 35 //2， 原型对象的属性是共享的， 所以只要一个实例对象改变了属性值，则另外的实例对象的该值也随着改变了 36 37 //构造函数+原型 38 //构造函数中： 属性 39 //原型中： 方法和共享属性 40 function IPod(_name, _color){ 41 this.name = _name; 42 this.color = _color; 43 } 44 IPod.prototype.listenMusic = function(){ 45 console.log("可以 听音乐"); 46 } 47 48 var ipod = new IPod("ipod2", "black"); 49 console.log(ipod.name); 50 console.log(ipod.color); 51 ipod.listenMusic(); 52 53 54 55 </script> 56 </head> 57 <body> 58 </body> 59 </html>