• 学习: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,name,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,"John","12");
    
    console.log(test.printInfo());

    printInfo()方法就被定义了。

    运行结果如下:

    >>> dojo.declare( "TestClass", null, { ...st.printInfo()); console.log(test.printInfo());
    姓名:John 年龄:12

    但是,假如我们进行如下修改

    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++;  
                 },
              printInfo:function(){
                return "姓名:"+this.info.name+" 年龄:"+this.info.age;
                },
              printInfo:function(newName){
                this.info.name=newName;
                return "姓名:"+this.info.name+" 年龄:"+this.info.age;
                }
        }
    );
    var test=new TestClass(1,"John","12");
    
    console.log(test.printInfo());
    
    console.log(test.printInfo("Mike"));

    运行结果则是:

    >>> dojo.declare( "TestClass", null, { ...ntInfo()); console.log(test.printInfo("Mike"));
    姓名:undefined 年龄:12
    姓名:Mike 年龄:12
     
     
    很奇怪吧,出现了“undefined 
    其实这个很好理解,这是因为,和java不同,js是顺序执行的。在类定义部分读到
    this.info.name=newName;
    this.info.name被重定向到newName,而此时,newName并没有具体的值,即是它是undefined。之前的“John”则被取消掉了。
     
    且可以得出结论如下:一个类有三种参数域,全局的(相当于public),局部的(相当于方法体内部的参数,外部访问无效),静态的(相当于public static)
    如果在定义的时候,仅在构造函数里通过外部传值修改了参数,则该方法是全局的
    如果在定义的时候,在方法体内通过外部传值修改了参数,则该方法是局部的
    其他则是静态的。
     
    嗯,一看上去肯定不方便,这不是说全局函数其实是不能做任何动作的,简直就是final啊!
    解决方案:
     
    dojo.declare(
        "TestClass",
        null,
        {
            newName:"1",
            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++;  
                 },
              printInfo:function(){
                return "姓名:"+this.info.name+" 年龄:"+this.info.age;
                },
              printInfo:function(newName){
                if(newName!=undefined){
                    this.info.name=newName;
                }
                return "姓名:"+this.info.name+" 年龄:"+this.info.age;
                }
        }
    );
    var test=new TestClass(1,"John","12");
    
    
    console.log(test.printInfo());
    console.log(test.printInfo("Mike"));

     

    注意这几行:
    if(newName!=undefined){
                    this.info.name=newName;
                }

    由于是初学,暂只研究出这种方法,坦白说,略囧。

    以上纯属误解,undefined的出现,确实是和js的顺序执行有关,但是更主要的原因在于,“重载”

    dojo不支持方法的重载,但是重载的写法并不会导致出错,而是后定义的方法覆盖先定义的方法。

    于是,之前定义的两个printInfo方法,其实只有第二个有效。

    所以,当调用printInfo()的时候,参数newName就成undefined了。

  • 相关阅读:
    ASP.NET 身份验证机制
    ASP.NET 一般处理程序下载
    [c、c++]宏中"#"和"##"的用法(zz)
    XML 链接语言(XLink) 版本 1.0
    网上看到的对个人发展很不错的话
    【分享】WebForm中DataGrid的20篇经典文章
    Ajax
    ISO/OSI网络体系结构
    经典推荐.Net面试法宝(面试题收集)
    Union的问题
  • 原文地址:https://www.cnblogs.com/anrainie/p/2457329.html
Copyright © 2020-2023  润新知