学习:DOJO入门-类定义
一段dojo定义类的代码:
dojo.declare( "TestClass",null,{ id:"",info: { name : "",age:""},staticValue:{count:0},constructor : function(id,name,age) { this.id=id; this.info.name=name; this.info.age=age this.staticValue.count++; } } ); var test=new TestClass(1,"John","12"); console.log("Simple argument id:" + test.id); console.log("Complex argument info:"+test.info.name+" "+test.info.age); console.log("count:"+test.staticValue.count); var test2=new TestClass(); console.log("count:"+test.staticValue.count);
第一个参数“TestClass”为类名。
“null”,为指定的父类。
第三个参数是个hash,即是{}之间的部分。
id为一个简单参数 info则是一个复杂参数 staticValue则是一个静态变量,“staticValue”是自定义的,只要在构造函数里没有传参改变的变量,都是静态变量,这是dojo特别之处。 constructor则是构造函数。
方法定义:
一段代码:
dojo.declare( "TestClass",null,{ id:"",info: { name : "",age:""},staticValue:{count:0},constructor : function(id,age) { this.id=id; this.info.name=name; this.info.age=age this.staticValue.count++; }, printInfo:function(){ return "姓名:"+this.info.name+" 年龄:"+this.info.age; } } ); var test=new TestClass(1,"12"); console.log(test.printInfo());
printInfo()方法就被定义了。
运行结果如下:
>>> dojo.declare( "TestClass",{ ...st.printInfo()); console.log(test.printInfo());
姓名:John 年龄:12
但是,假如我们进行如下修改
function(){
this.info.age;
},255); line-height:1.5!important">function(newName){
this.info.name=newName;
this.info.age;
}
}
);
);
console.log(test.printInfo());
console.log(test.printInfo("Mike"));
运行结果则是:
Box objectBox-text " style="color:rgb(51,{ ...ntInfo()); console.log(test.printInfo("Mike"));
姓名:undefined 年龄:12
姓名:Mike 年龄:12
很奇怪吧,出现了“
undefined
”
其实这个很好理解,这是因为,和java不同,js是顺序执行的。在类定义部分读到
this.info.name=newName;
this.info.name被重定向到newName,而此时,newName并没有具体的值,即是它是undefined。之前的“John”则被取消掉了。
其他则是静态的。
嗯,一看上去肯定不方便,这不是说全局函数其实是不能做任何动作的,简直就是final啊!
解决方案:
dojo.declare( "TestClass",{ newName:"1",id:"",age) { this.id=id; this.info.name=name; this.info.age=age this.staticValue.count++; },255); line-height:1.5!important">this.info.age; },255); line-height:1.5!important">function(newName){ if(newName!=undefined){ this.info.name=newName; } this.info.age; } } ); ); console.log(test.printInfo()); console.log(test.printInfo("Mike"));
注意这几行:
if(newName!=undefined){ this.info.name=newName; } 由于是初学,暂只研究出这种方法,坦白说,略囧。
以上纯属误解,undefined的出现,确实是和js的顺序执行有关,但是更主要的原因在于,“重载”
dojo不支持方法的重载,但是重载的写法并不会导致出错,而是后定义的方法覆盖先定义的方法。
于是,之前定义的两个printInfo方法,其实只有第二个有效。
所以,当调用printInfo()的时候,参数newName就成undefined了。