您的位置：首页 > Web前端 > JavaScript

javascript面向切面

2016-08-10 08:44 176 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航