从零开始学_JavaScript_系列(26)——dojo的aspect方法

简介: (86)apsect 模块:dojo/aspect 参数:apsect   【方法一】:aspect.after(对象, ”方法名”, 回调函数) 说明: 将在指定对象的方法执行结束后,执行回调函数;   例如,在点击 <div id="aa" style="width:100px;height:100px;background-color:green"&gt

86apsect

模块:dojo/aspect

参数:apsect

 

【方法一】:aspect.after(对象, 方法名, 回调函数)

说明:

将在指定对象的方法执行结束后,执行回调函数;

 

例如,在点击

<div id="aa" style="width:100px;height:100px;background-color:green"></div>

 

这样一个dom后,会触发test对象的test方法;

test方法的效果是弹窗,显示2

apsect会监听test对象的test方法,当他触发test方法后,在test方法执行完毕之后执行aspect中第三个参数的函数。

如示例:

 

require(["dojo/aspect", "dojo/on", "dojo/dom", "dojo/domReady!"], function (aspect, on, dom) {
    on(dom.byId("aa"), "click", function () {
        test.test();
    })
    var test = {
        test: function () {
            alert("2");
            return "1";
        }
    }
    aspect.after(test, "test", function (arg) {
        alert(arg)
    })
})

 

 

【方法二】:aspect.before(对象, 方法名, 回调函数)

after相反,他将先执行aspect的回调函数,执行完毕之后再执行原方法。

例如在上面的例子中,更换为before,会导致先alert(undefined),再alert(“1”)

 

之所以会输出undefined

原因在于,这种情况下是不能获取test对象的test方法的返回值的。

 

目录
相关文章
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-方法
文章通过示例代码讲解了JavaScript中如何给对象添加方法以及如何调用这些方法。
18 2
JavaScript基础知识-方法
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-数组的常用方法
关于JavaScript基础知识-数组的常用方法。
15 1
JavaScript基础知识-数组的常用方法
|
2天前
|
JavaScript 前端开发
JavaScript Array map() 方法
JavaScript Array map() 方法
|
21天前
|
JavaScript 算法 前端开发
JS算法必备之String常用操作方法
这篇文章详细介绍了JavaScript中字符串的基本操作,包括创建字符串、访问特定字符、字符串的拼接、位置查找、大小写转换、模式匹配、以及字符串的迭代和格式化等方法。
JS算法必备之String常用操作方法
|
21天前
|
JavaScript 算法 前端开发
JS算法必备之Array常用操作方法
这篇文章详细介绍了JavaScript中数组的创建、检测、转换、排序、操作方法以及迭代方法等,提供了数组操作的全面指南。
JS算法必备之Array常用操作方法
|
2天前
|
存储 JavaScript
js切割截取字符串方法
js切割截取字符串方法
|
2天前
|
JavaScript
JS数组合并的常用方法
JS数组合并的常用方法
|
15天前
|
前端开发 JavaScript
前端ES5 | js —添加元素方法
前端ES5 | js —添加元素方法
|
19天前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
42 0
|
19天前
|
移动开发 前端开发 JavaScript
前端表单验证的完美攻略:HTML5属性与JavaScript方法的无缝对接,让你的Web应用数据输入既安全又优雅
【8月更文挑战第31天】本文介绍前端表单验证的重要性及其实现方法,利用HTML5的内置属性如`required`、`pattern`和`minlength`进行基本验证,并借助JavaScript处理复杂逻辑,如密码确认。通过示例代码详细展示了如何结合两者实现高效且友好的表单验证,同时使用CSS增强用户体验。此方法简化开发流程并提升验证效果。
22 0