JavaScript实现AOP详解(面向切面编程,装饰者模式)(2)

执行结果：

我们给document.getElementById()做了一些装饰，以后我们每次调用这个方法之前都会先执行alert("1")这条语句，但是请注意我们这条语句并不是写在了document.getElementById()这个方法的源码中，而只是在他的外部给他加了装饰，这样带来好处就是我们可以在不改变原方法的源码的情况下为他添加一些新的行为。国际惯例，举个栗子：

我的同事写了一个函数可以输出当前时间，而我现在的需求是输出当前天气之后再输出当前时间，下面有两种解决思路：

（1）传统解决办法： 拿同事的函数过来，找到他输出时间的代码，在这些代码之前加入输出当前天气的代码

（2）装饰者模式解决办法：拿同事的函数过来，不用看他的源码，直接给他的函数装饰一下，装饰的东西也就是输出当前天气的代码。

两种方法都解决了问题，但是他们的出发点是完全不同的：

（1）方法是改造原函数的内部，我们就需要去理解源代码，然后做修改。

（2）方法是给原函数添加了一层外套，我们根本不用管原本函数的内部实现。

现在又有了新的需求：在输出当前时间之前，先输出当前温度

（1）方法，我们在第一个需求已经把同事的代码改的面目全非了，现在又要重新理解函数内部，并加以修改（删除输出当前天气的代码，然后加入输出当前温度的代码）。

（2）方法，同事原本的函数是没有变的，我们现在给同事的函数换一件套（输出当前温度）就可以了。

以上这篇JavaScript实现AOP详解(面向切面编程,装饰者模式)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持黑区网络。