<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <script> //无论是变量名字还是，对象的属性都不能是 保留字； //继承 Object.prototype.method = function(method,fn){ return this[method] = fn; }; //继承方法1 复制继承 Function.prototype.method('new',function(){ var that = Object.create(this.prototype); var other = this.apply(that, arguments); return (typeof other === 'object' && other) || that; }); //继承方法2： 原型继承 Object.prototype.method('inherits',function(parent){ this.prototype = new parent(); //return this; }); function aa(){}; aa.prototype.fn = function(){alert(1)}; aa.prototype.fn1 = function(){alert(2)}; //var bb = function(){} //bb.prototype = aa.new(); //var bb = function(){}; //bb.inherits( aa ) //aa.fn1() //错误 var bb = (new aa) bb.fn1() // alert(1); //函数的属性和prototype是不一样的，但是用new了函数以后，返回的obj拥有了protype（继承）的方法和属性 //Model化开发 var mammal = function(spec){ var that = {}; that.get_name = function(){ return spec.name; }; that.says = function(){ return spec.saying || ''; }; return that; }; var myMammal = mammal( {name : 'herb'} ); //差异化，复用mammal var cat = function(spec){ spec.saying = spec.saying || 'meow'; var that = mammal(spec); that.purr = function(n){ var i, s = ''; for(var i=0; i<n; i++){ if(s){ s += '_'; }; s += 'r'; }; return s; }; that.get_name = function(){ return that.says() + ' ' +spec.name+ ' ' + that.says(); }; return that; }; var myCat = cat({name : 'xx'}); //部件__ ->_->话说自定义事件和常见啊 !>_<! var eventuality = function(that){ var registry = {}; that.fire = function(event){ var array, func, handler, i, type = typeof event === 'string' ? event : event.type; if( registry.hasOwnProperty(type) ){ array = registry[type]; for(var i=0; i<array.length; i++){ handler = array[i]; func = handler.func; func(); } }; }; that.on = function(type, method, parameters){ //registry[type] || ( registry[type] = {} ); var handler = { method : method, parameters : parameters }; if( registry.hasOwnProperty(type) ){ registry[type].push( handler ); }else{ registry[type] = [handler]; }; return this; }; return that; } </script> </body> </html>