如何重写Dojo类的open函数并扩展行为，支持按钮触发？

嘿，这个需求其实在Dojo里有两种常用的实现方式，既能保留原函数的默认行为，又能插入你的自定义逻辑，完美满足你触发后弹出两个提示框的预期。下面给你详细拆解：

方法一：直接重写原型方法（简单直接） #

这种方式适合你明确知道基类结构稳定的场景，核心思路是先保存原函数的引用，再重写方法，在新方法里同时执行自定义逻辑和原逻辑：

// 假设页面加载后已存在的基类名为 MyBaseClass
const originalOpen = MyBaseClass.prototype.open;

// 重写open方法
MyBaseClass.prototype.open = function() {
  // 执行你的自定义动作
  alert("Alert message: This is the updated open function class");
  
  // 调用原有的默认动作，用apply绑定当前上下文，确保原函数能正确访问实例属性
  return originalOpen.apply(this, arguments);
};

方法二：使用Dojo的aspect模块（推荐的AOP方式） #

Dojo提供了dojo/aspect模块支持面向切面编程，这种方式解耦性更强，不需要直接修改原型，还能动态添加/移除逻辑，更符合Dojo的最佳实践：

// 引入aspect模块
require(["dojo/aspect"], function(aspect) {
  // 给MyBaseClass的open方法添加环绕切面
  aspect.around(MyBaseClass.prototype, "open", function(originalOpen) {
    // 返回一个新函数，作为open方法的新实现
    return function() {
      // 先执行你的自定义逻辑
      alert("Alert message: This is the updated open function class");
      
      // 再调用原有的默认方法，同样绑定上下文
      return originalOpen.apply(this, arguments);
    };
  });
});

效果验证 #

当按钮触发open函数时，会先弹出你自定义的提示框，紧接着弹出基类默认的"Alert message: This is the default action ..."提示框，完全符合你的预期。

小提示 #

• 如果需要让默认逻辑先执行，再执行自定义逻辑，只需要调换两个alert的顺序即可。
• 用apply(this, arguments)是为了确保原函数能获取到当前实例的this上下文，以及调用时传入的所有参数，避免出现逻辑异常。

内容的提问来源于stack exchange，提问作者Code Smack