AOP

AOP.markdown

AOP

A Pen by momo on CodePen.

License.

index.html

<div id="result"></div>

script.js

window.addEventListener('DOMContentLoaded', function(){
  var appendBefore = function(){
    appendText('before');
  },
  appendAfter = function(){
    appendText('after');
  },
  newAbc = abc
    .before(appendBefore)
    .after(appendAfter)
    .after(appendAfter)
    .before(appendBefore);
  newAbc();
});
Function.prototype.before = function(fn){
  var self = this;
  return function(){
    typeof fn === 'function' && fn.apply(this, arguments);
    return self.apply(this, arguments);
  };
};
Function.prototype.after = function(fn){
  var self = this;
  return function(){
    var ret = self.apply(this, arguments);
    typeof fn === 'function' && fn.apply(this, arguments);
    return ret;
  }
};
var appendText = function(text){
  var obj = document.querySelector('#result'),
      str = document.createTextNode(' '+ text +' ');
  obj.appendChild(str);
},
abc = function(){
  appendText('raw');
};