dojo中类的继承
Posted 琪琪的园子
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了dojo中类的继承相关的知识,希望对你有一定的参考价值。
类似于c# java等后台语言,在基于类的面向对象编程中,通常需要在子类中扩展某些父类的方法,这时可以在子类的方法中,先调用从父类继承的方法,然后再执行子类自定义的操作。凡是使用declare创建的类,可以使用一个特殊的inherited方法,在子类中调用父类中被覆盖的方法,也就是说,当在子类中的任何方法中调用this.inherited时,将调用父类中的同名方法。
例子:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> var dojoConfig = { async: true, packages: [{ name: "js", location: location.pathname.replace(/\\/[^/]*$/, \'\') + \'/js\' }] }; </script> <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js" data-dojo-config="async: true"></script> <script> require(["js/B"], function (B) { var x = new B(); dojo.safeMixin(x, { m1: function () { this.inherited(arguments); console.log("X.m1"); }, m2: function () { //凡是使用declare创建的类 可以使用一个特殊的inherited方法,在子类中调用父类中被覆盖的方法,也就是说,当在子类中的任何方法中调用this.inherited时,将调用父类中的同名方法 debugger; this.inherited(arguments); console.log("X.m2"); } }); document.getElementById("btn").onclick=function () { x.m2(); } }); </script> </head> <body> <button id="btn">点击</button> </body> </html>
A.js类:
define([ "dojo/_base/declare" ], function (declare) { var A = declare(null, { m1: function () { console.log("A.m1"); }, m2: function () { debugger; console.log("A.m2"); } }); return A; });
B.js类:
define([ "js/A", "dojo/_base/declare" ], function (A,declare) { var B = declare(A, { m1: function () { this.inherited(arguments); console.log("B.m1"); } }); B.extend({ m2: function () { debugger; this.inherited(arguments); console.log("B.m2"); } }); return B; });
结果:
A.m2
B.m2
X.m2
该例中同时也使用了safeMixin方法:
以上是关于dojo中类的继承的主要内容,如果未能解决你的问题,请参考以下文章