function Box(){ } //使用字面量的方式创建原型对象,这里{}就是对象,是Object, new Object相当于{} Box.prototype = { name:"lee", age:25, run:function(){ return this.name + this.age + "运行中..."; } } Box.prototype = { age:26 } var box1 = new Box(); var a = [8,9,5,4,6,1,2]; alert(a.sort()); alert(Array.prototype.sort); alert(String.prototype.substring);
2.引用类型本身使用原型,不推荐
给String 类型添加一个方法
String.prototype.addstring = function(){ return this + ",被添加了!"; } var b = "SS"; alert(b.addstring());
原型的特点,原型不能传参数,原型具有共享性,也是原型的缺点
Box.prototype = { constructor:Box, name:'cc', age:100, family:['爸爸','妈妈','哥哥'], run:function(){ return this.name + this.age + this.family; } }; var box1 = new Box(); alert(box1.run()); //返回“cc100 爸爸 妈妈 哥哥” box1.family.push('姐姐');//返回“cc100 爸爸 妈妈 哥哥 姐姐” alert(box1.run()); var box2 = new Box(); //返回“cc100 爸爸 妈妈 哥哥 姐姐” alert(box2.run());
//为了解决构造传参合共享问题,可以组合构造函数+原型模式:
function Box(name,age){ this.name = name; this.age = age; this.family = ["父亲","母亲", "妹妹"]; }; Box.prototype = { constructor:Box, run:function(){ return this.name + this.age + this.family; } } var box3 = new Box(); alert(box3.run("cc",25)); //cc25父亲母亲妹妹 box3.family.push("哥哥"); alert(box3.run("cc",25)); //cc25父亲母亲妹妹哥哥 var box4 = new Box() alert(box4.run("ll",58)); //ll58父亲母亲妹妹
以上方式解决了传参和共享的问题
上面的书写方式(构造函数+原型)的写法觉得十分怪异,最好是把它们封装在一起。为了解决这个问题,可以使用动态原型模式:
function Box(name,age){ this.name = name; this.age = age; if (typeof this.run !='function') { //只在第一次调用时初始化 Box.prototype.run= function() { return this.name + this.age + "正在运行中..."; }; }; } var box5 = new Box("cc",88); alert(box5.run());
ps:使用动态原型模式,要注意一点,不可以再使用字面量的方式重写原型,因为会切断实例和新原型直接的联系。