正文
javascript面向切面
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>面向切面</title>
<style type="text/css"> </style>
</head> <body>
<input onclick="voice()" type="button" id="bn" value="动我就叫人来">
<script type="text/javascript">
function voice() {
alert("救命啊！");
}
Aspects = function() {};
Aspects.prototype = {
before: function(target, method, advice) {
var original = target[method];
target[method] = function() {
(advice)();
original.apply(target, arguments);
}
return target
},
after: function(target, method, advice) {
var original = target[method];
target[method] = function() {
original.apply(target, arguments);
(advice)();
}
return target
},
around: function(target, method, advice) {
var original = target[method];
target[method] = function() {
(advice)();
original.apply(target, arguments);
(advice)();
}
return target
}
}
window.onload = function() {
var bn = document.getElementById("bn");
var a = new Aspects;
a.after(bn, "onclick", function() {
alert("HELP！HELP！")
});
}
</script>
</body> </html>
