jjzjj

JavaScript 面向切面编程（AOP，装饰者模式）

飞仔FeiZai 2023-03-28 原文

JavaScript 面向切面编程 (AOP) 是一种编程思想和实现方式，它将一些关注点（例如日志记录、安全性检查、性能监控等）从主题对象中分离出来，通过“横切关注点”的方式在程序中动态地织入这些关注点。这样可以避免在主题对象中嵌入大量的关注点代码，使得代码更加简洁和可维护。

JavaScript 中实现 AOP 的方式有很多种，其中常用的有以下几种：

  • 函数劫持：通过重写函数来实现 AOP，例如在函数执行前后插入额外的代码。
  • 代理模式：通过代理对象来控制对目标对象的访问，例如在访问前后插入额外的代码。
  • 反射：通过反射机制来动态地修改对象的行为，例如在执行方法前后插入额外的代码。

使用AOP有许多优点，如模块化、可复用性和可维护性。但是，它也有一些缺点，如增加了代码的复杂性和降低了性能，需要注意使用场景。

在使用 AOP 时，应该慎重地考虑其适用性和可维护性，并选择合适的实现方式来实现。还需要注意的是，AOP 不是解决所有问题的万能药，在某些情况下，使用传统的面向对象编程方式可能更加合适。

总之, JavaScript 面向切面编程是一种有效的编程思想和实现方式，能够帮助我们更好地管理复杂的代码，提高代码的可读性和可维护性。但是需要注意使用场景，避免增加代码的复杂性，降低性能。

一、使用函数劫持实现 AOP 的示例代码，实现在执行函数前后输出日志：

// 定义一个函数
function sayHello(name) {
  console.log("Hello " + name);
}

// 定义日志记录函数
function log(fn) {
  return function() {
    console.log("Start log:");
    let result = fn.apply(this, arguments);
    console.log("End log:");
    return result;
  }
}

// 使用函数劫持
let sayHelloWithLog = log(sayHello);

// 执行函数
sayHelloWithLog("John");

执行上面的代码后，会先在控制台输出 "Start log:"，再输出 "Hello John"，最后输出 "End log:"。

这个例子中使用了函数劫持的方式，你也可以使用其他方式来实现AOP，比如使用代理模式或反射机制。

二、使用代理模式实现 AOP 的示例代码，实现在执行对象方法前后输出日志：

// 定义一个对象
let user = {
  name: "John",
  sayHello: function() {
    console.log("Hello " + this.name);
  }
};

// 定义代理对象
let proxy = new Proxy(user, {
  get: function(target, property, receiver) {
    console.log("Start log:");
    let result = Reflect.get(target, property, receiver);
    console.log("End log:");
    return result;
  }
});

// 执行对象方法
proxy.sayHello();

执行上面的代码后，会先在控制台输出 "Start log:"，再输出 "Hello John"，最后输出 "End log:"。

这个例子中使用了代理模式的方式实现AOP，通过重写get函数来控制对user对象的访问。

需要注意的是，上述示例代码仅是为了说明 AOP 的基本思想和实现方式，实际应用中需要根据具体场景进行完善和修改。AOP是一种技术，需要根据具体需求进行选择和使用。

三、使用 Reflect 实现 AOP 的示例代码：

const before = (fn, beforeFn) => {
  return new Proxy(fn, {
    apply: (target, thisArg, args) => {
      beforeFn.apply(thisArg, args);
      return Reflect.apply(target, thisArg, args);
    }
  });
};

const after = (fn, afterFn) => {
  return new Proxy(fn, {
    apply: (target, thisArg, args) => {
      const result = Reflect.apply(target, thisArg, args);
      afterFn.apply(thisArg, args);
      return result;
    }
  });
};

const sayHello = name => {
  console.log(`Hello, ${name}!`);
};

const sayGoodbye = name => {
  console.log(`Goodbye, ${name}!`);
};

const wrappedSayHello = before(sayHello, sayGoodbye);

wrappedSayHello("John");

这段代码中，我们使用了 Reflect API 中的 apply 方法来包装 sayHello 函数，在调用 sayHello 函数之前执行 sayGoodbye 函数。

输出结果：

Goodbye, John!
Hello, John!

需要注意的是，上述示例代码仅是为了说明 AOP的基本思想和实现方式，实际应用中需要根据具体场景进行完善和修改。AOP 是一种技术，需要根据具体需求进行选择和使用。

另外, 使用反射实现AOP，最大的优点就是可以对函数或对象进行动态的操作，可以实现更灵活的AOP编程。 但是这种方式的缺点是会增加代码的复杂性，并且会影响性能。

 

JavaScript装饰和实logAOP

有关JavaScript 面向切面编程（AOP，装饰者模式）的更多相关文章

  1. ruby-on-rails - Rails - 子类化模型的设计模式是什么？ - 2

    我有一个模型:classItem项目有一个属性“商店”基于存储的值，我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式？如果方法中没有大的if-else语句，这是如何干净利落地完成的？ 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.co

  2. ruby - 解析 RDFa、微数据等的最佳方式是什么，使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  3. ruby - 如何在续集中重新加载表模式？ - 2

    鉴于我有以下迁移:Sequel.migrationdoupdoalter_table:usersdoadd_column:is_admin,:default=>falseend#SequelrunsaDESCRIBEtablestatement,whenthemodelisloaded.#Atthispoint,itdoesnotknowthatusershaveais_adminflag.#Soitfails.@user=User.find(:email=>"admin@fancy-startup.example")@user.is_admin=true@user.save!ende

  4. ruby - 寻找通过阅读代码确定编程语言的ruby gem？ - 2

    几个月前，我读了一篇关于ruby​​gem的博客文章，它可以通过阅读代码本身来确定编程语言。对于我的生活，我不记得博客或gem的名称。谷歌搜索“ruby编程语言猜测”及其变体也无济于事。有人碰巧知道相关gem的名称吗？ 最佳答案 是这个吗:http://github.com/chrislo/sourceclassifier/tree/master 关于ruby-寻找通过阅读代码确定编程语言的rubygem？，我们在StackOverflow上找到一个类似的问题：

  5. ruby - 是否有用于序列化和反序列化各种格式的对象层次结构的模式？ - 2

    给定一个复杂的对象层次结构，幸运的是它不包含循环引用，我如何实现支持各种格式的序列化？我不是来讨论实际实现的。相反，我正在寻找可能会派上用场的设计模式提示。更准确地说:我正在使用Ruby，我想解析XML和JSON数据以构建复杂的对象层次结构。此外，应该可以将该层次结构序列化为JSON、XML和可能的HTML。我可以为此使用Builder模式吗？在任何提到的情况下，我都有某种结构化数据-无论是在内存中还是文本中-我想用它来构建其他东西。我认为将序列化逻辑与实际业务逻辑分开会很好，这样我以后就可以轻松支持多种XML格式。 最佳答案 我最

  6. 网络编程套接字 - 2

    网络编程套接字网络编程基础知识理解源`IP`地址和目的`IP`地址理解源MAC地址和目的MAC地址认识端口号理解端口号和进程ID理解源端口号和目的端口号认识`TCP`协议认识`UDP`协议网络字节序socket编程接口`sockaddr``UDP`网络程序服务器端代码逻辑：需要用到的接口服务器端代码`udp`客户端代码逻辑`udp`客户端代码`TCP`网络程序服务器代码逻辑多个版本服务器单进程版本多进程版本多线程版本线程池版本服务器端代码客户端代码逻辑客户端代码TCP协议通讯流程TCP协议的客户端/服务器程序流程三次握手（建立连接）数据传输四次挥手（断开连接）TCP和UDP对比网络编程基础知识

  7. ruby-on-rails - environment.rb 中设置的常量在开发模式中消失 - 2

    了解Rails缓存如何工作的人可以真正帮助我。这是嵌套在Rails::Initializer.runblock中的代码:config.after_initializedoSomeClass.const_set'SOME_CONST','SOME_VAL'end现在，如果我运行script/server并发出请求，一切都很好。然而，在我的Rails应用程序的第二个请求中，一切都因单元化常量错误而变得糟糕。在生产模式下，我可以成功发出第二个请求，这意味着常量仍然存在。我已通过将以上内容更改为以下内容来解决问题:config.after_initializedorequire'some_cl

  8. ruby - 我正在学习编程并选择了 Ruby。我应该升级到 Ruby 1.9 吗？ - 2

    我完全不是程序员，正在学习使用Ruby和Rails框架进行编程。我目前正在使用Ruby1.8.7和Rails3.0.3，但我想知道我是否应该升级到Ruby1.9，因为我真的没有任何升级的“遗留”成本。缺点是什么？我是否会遇到与普通gem的兼容性问题，或者甚至其他我不太了解甚至无法预料的问题？ 最佳答案 你应该升级。不要坚持从1.8.7开始。如果您发现不支持1.9.2的gem，请避免使用它们(因为它们很可能不被维护)。如果您对gem是否兼容1.9.2有任何疑问，您可以在以下位置查看:http://www.railsplugins.or

  9. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  10. ruby - 如何以编程方式删除实例上的 "singleton information"以使其编码(marshal)？ - 2

    我创建了一个由于“在运行时执行的单例元类定义”而无法编码的对象(这段代码的描述是否正确？)。这是通过以下代码执行的:#defineclassXthatmyusesingletonclassmetaprogrammingfeatures#throughcallofmethod:break_marshalling!classXdefbreak_marshalling!meta_class=class我该怎么做才能使对象编码正确？是否可以从对象instance_of_x的classX中“移除”单例组件？我真的需要一个建议，因为我们的一些对象需要通过Marshal.dump序列化机制进行缓存。

随机推荐