博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

javascipt----面向对象--扩展

Posted on 2013-04-12 11:57  Step at a time  阅读(313)  评论(0编辑  收藏  举报

1、当一个对象的属性和方法很简单的时候我们可以这样创建:

var 对象名={属性名:值,方法名:function(){}}  //多个用逗号隔开

这样的写法在一些js框架中会大量出现

    //创建对象

    var dog={name:"小狗",
    age:3,
    say:function(){window.alert("hello,world");},
    tell:function(){window.alert("tell,me");}
    };

    window.alert(dog.constructor); //查看构造函数
    window.alert(dog.name+dog.age);
    dog.say();
    dog.tell();

 

2、调用方法 :call 的使用  ----方法名.call(对象名);

    var dog={name:"dog",age:3};

    function say(){
        window.alert(this.name);
    }
    
    say(); //输出undefined
    window.say();
    var name="xiaoming";
    say.call(dog); //输出dog
    say.call(window);//输出xiaoming

3、for(var key in 对象名) 的用法 可以用来查看对象的属性和方法

a、

    //创建一个对象
    var dog={name:"dog",age:2,
    say:function(){window.alert("YWW");}
    };
    for(var key in dog){
        document.writeln(key+":"+dog[key]+"<br/>");
    }

b、方便查看JS中的对象在各种不同浏览器支持的属性和方法,这里就可以快速查找到

    //查看对象支持的属性和方法
    for(var key in window){
        document.writeln(key+":"+window[key]+"<br/>");
    }