aop.js
// 统计一下当前的所有的函数谁耗时最长
function test() {
alert(2);
return 'me';
}
// 之前
Function.prototype.before = function (fn) {
var __self = this;
// before 回调和 before 送到after 去
return function () {
// this指向了调用的函数
// console.log(this); //window
if (fn(__self, arguments) == false) {
return false;
};
return __self.apply(__self, arguments);
}
}
// 之后
Function.prototype.after = function (fn) {
// after 先执行本身this 再执行回调
var __self = this;
// after 回调 和 after test 送到before 去
return function () {
var result = __self.apply(__self, arguments)
if (result == false) {
return false;
}
fn.apply(__self, arguments);
return result;
}
}
// 挂载__self=>test 执行before 回调 ，执行selft after自己执行回调
test.before(function () {
alert(1);
}).after(function () {
alert(3);
})();
// test.after(function () {
// alert(3);
// }).before(function () {
// alert(1);
// })();
// test.after(function () {
// alert(3);
// }).before(function () {
// alert(1);
// return false;
// })();
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script src="aop.js"></script>
</body>
</html>
