JS面向对象经典案例.docx

JS面向对象经典案例 //一、通用创建函数 function New(aClass,aParams){ //定义临时的中转函数壳 function new_() { // 调用原型中定义的构造函数，中转构造逻辑及构造参数，用Create方法，来替代原有的构造函数 aClass.Create.apply(this,aParams); }; new_.prototype=aClass; return new new_(); }; // Person var Person = { // 模拟Object.create()方法，初始化 Create:function(name,age) { =name; this.age=age; return this; }, sayHello: function() { alert(my name is + + ,my age is + this.age); } } window.onload = function() { var obj = New(Person, [luolibing, 26]); obj.sayHello(); // IE9及以上 GOOGLE FIREFOX支持，IE8及IE8以下不支持，跟上面的方法类似 // getPrototypeOf获取Object的原型，IE版本要求高IE9以上 var o = Object.create(Person).Create(liuxiaoling, 27); o.sayHello(); } function person(name){ =name; }; // 二、原型链级，子类需要一个原型指向父类，传递起来比较麻烦 totype.sayHello=function(){ alert(Hello,Im +); }; // employee function employee(name,money){ person.call(name); this.money=money; }; // 子类原型指向父类Person totype=new person(); // 子类原型添加showMoney方法 totype.showMoney=function(){ alert(+this.money); }; var em=new employee(bob,11); em.showMoney(); em.sayHello(); var pp=new person(jack); pp.sayHello(); //alert(pp.sayHello==em.sayHello); Stotype.toString()=function(){ }; var aaa=bb; aaa.toString(); Stotype.isDate=function(){ var reg=/^[0-9]*$/;return reg.test(this); }; alert(11231.isDate()); alert(2005-11-11.isDate()); function Person(name){ ; }; Ppany=MS; //原型的方法 Ptotype.SayHello = function() { alert(Hello, Im + + of + pany); }; var BillGates = new Person(Bill Gates); BillGates.SayHello(); //由于继承了原型的东西，规规矩矩输出：Hello, Im Bill Gates var SteveJobs = new Person(Steve Jobs); SteveJpany = Apple; //设置自己的company属性，掩盖了原型的company属性 //实现了自己的SayHello方法，掩盖了原型的SayHello方法 SteveJobs.SayHello = function() { alert(Hi, + + like + pany + , ha ha ha ); }; SteveJobs.SayHello(); //都是自己覆盖的属性和方法，输出：Hi, Steve Jobs like Apple, ha ha ha BillG