Javascript对象

对象

对象是一组无序的相关属性和方法的集合,所有事物都是对象,例如字符串,数值,数组,函数
对象由属性和方法组成
    属性:事物的特征,常用名词
    方法:事物的行为,常用动词

创建对象

利用对象字面量创建对象

    var obj ={
        uname:'tom',
        age:18,
        sex :'男',
        //对象的方法
        sayHi:function(){
            console.log('hi');
        }
    }
    //调用属性
    console.log(obj.uname);
    console.log(obj['uname']);
    //调用对象的方法
    obj.sayHi();

案例

    var dog={
        name:'可可',
        type:'阿拉斯加',
        age:'5岁',
        color:'棕红色',
        bark:function(){
            console.log('汪汪汪');
        },
        showFilm:function(){
            console.log('演电影');
        }
    }
        console.log(dog.name);
        console.log(dog.type);
        console.log(dog.age);
        console.log(dog.color);
        dog.bark();
        dog.showFilm();        

利用 new Object 创建对象

    var obj   = new Object()//创建了一个空的对象
        obj.uname='tom';//利用等号赋值方法添加属性
        obj.age = 19;
        obj.sex = '男';
        obj.syhi=function(){//利用等号赋值方法添加方法
            console.log('hi');
    }
        console.log(obj['uname']);
        console.log(obj.uname);
        obj.syhi();

构造函数创建对象

    构造函数  泛指某一大类  类似于java的类(class)
    对象  是一个具体的事物
    1.new构造函数在内存中创建空的对象
    2.this指向刚才创建的空对下个
    3.执行构造方法的代码,给对象添加属性和方法
    4.返回新对象
    function Star(uname,age,sex){//构造函数首字母要大写
        this.name=uname;
        this.age=age;
        this.sex=sex;
        this.sing=function(sang){
            console.log(sang);
        }
    }
    var obj =new Star('tom',14,'男');//调用函数返回的是一个对象
    console.log(obj.name);
    obj.sing('冰雨');       

遍历对象

 for(变量 in 对象){
        
 }

案例

    //遍历对象
    var obj ={
        uname:'tom',
        age:18,
        sex :'男',
        sayHi:function(){
            console.log('hi');
        }
    }
    console.log(obj);//直接输出  控制台可以看到 键值对
    for(var k in obj){
        console.log(k);//k 变量输出 得到的是属性名
        console.log(obj[k]);//得到的是 属性值
    }
posted @   摆烂员  阅读(17)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示