[ExtJS] apply, override, extend 비교!!

 

Ext.apply
c에 있는 모든 속성들을 o에 복사합니다. 세번째 인자인 defaults가 null이 아니면 default의 속성을 o에 복사합니다.
소스에서 알 수 있듯이 덮어쓰기가 되는 형식입니다.
Ext.apply = function(o, c, defaults) { // no "this" reference for friendly out of scope calls if(defaults) { Ext.apply(o, defaults); } if(o && c && typeof c == 'object') { for(var p in c) { o[p] = c[p]; } } return o; };

Ext.applyIf
object c의 속성이 비어있지 않으면 o에 복사합니다.

isEmpty : function(v, allowBlank){
 return v === null || v === undefined || ((Ext.isArray(v) && !v.length)) || (!allowBlank ? v === '' : false);
},

applyIf : function(o, c) { if(o) { for(var p in c) { if(Ext.isEmpty(o[p])) { o[p] = c[p]; } } } return o; },


Ext.override
origclass의 prototype에 복사하는 형식입니다.
override : function(origclass, overrides) { if(overrides) { var p = origclass.prototype; Ext.apply(p, overrides); if(Ext.isIE && overrides.toString != origclass.toString) { p.toString = overrides.toString; } } },

 
Ext.extend
constructor, superclass와 같은 ExtJS에서 의미를 갖는 함수들이 보입니다.
자세한 연구는 추후에...
extend : function() { // inline overrides var io = function(o) { for(var m in o) { this[m] = o[m]; } }; var oc = Object.prototype.constructor; return function(sb, sp, overrides) { if(Ext.isObject(sp)) { overrides = sp; sp = sb; sb = overrides.constructor != oc ? overrides.constructor : function(){sp.apply(this, arguments);}; } var F = function(){}, sbp, spp = sp.prototype; F.prototype = spp; sbp = sb.prototype = new F(); sbp.constructor=sb; sb.superclass=spp; if(spp.constructor == oc) { spp.constructor=sp; } sb.override = function(o) { Ext.override(sb, o); }; sbp.superclass = sbp.supr = (function() { return spp; }); sbp.override = io; Ext.override(sb, overrides); sb.extend = function(o){Ext.extend(sb, o);}; return sb; }; }();



파면 팔수록 더 나오는... ExtJS...