JavaScript自定义对象

1.利用字面量创建对象

使用大括号，括号里包含了对象的属性和方法

        var obj = {
            name:'可可',
            type:'阿拉斯加犬',
            age: 5,
            color: 'red',
            bark: function() {
                console.log("汪汪汪~");
            }
        }

        (1) 里面的属性或者方法我们采取键值对的形式  属性名：值 属性值

        (2) 多个属性或者方法中间用逗号隔开的

        (3) 方法冒号后面跟的是一个匿名函数

使用对象

        // 使用对象
        // (1). 调用对象的属性 我们采用 对象名.属性名 这里的“.”我们可以理解为 的
        console.log(obj.name); //调用了名字这个属性
        // (2) 调用属性的另一种方式 对象名['属性名']
        console.log(obj['age']);//调用了年龄这个属性
        // 调用对象的方法 bark  对象名.方法名()  千万别忘记加小括号
        obj.bark();

 

2.利用 new Object 创建对象

(1) 我们是利用 等号 = 赋值的方法 添加对象的属性和方法
 (2) 每个属性和方法之间用 ; 分号结束

        var obj = new Object();
        obj.name = '张三疯';
        obj.age = 18;
        obj.sex = '男';
        obj.sayHi = function() {
            console.log('hi~');
        }
        console.log(obj.name);
        console.log(obj['age']);
        obj.sayHi();

3.利用构造函数创建对象 

        1.构造函数名字首字母要大写

        2.我们构造函数不需要return 就可以返回结果

        3.我们调用构造函数必须使用 new

        4.我们只要new Star() 调用函数就创建一个对象 mdc {}

        5.我们的属性和方法前面必须添加 this

 语法：

        function 构造函数名() {

            this.属性 = 值;

            this.方法 = function() {}

        }

        new 构造函数名();

        function Star(name,age,sex){
            this.name=name;
            this.age=age;
            this.sex=sex;
            this.sing=function(song) {
                console.log(song);
            }
        }
        var ww = new Star('张三疯', 18, '男');//调用函数返回的是一个对象
        console.log(ww.name);
        console.log(ww['age']);
        ww.sing('常回家看看');

 4.遍历对象 for...in

语法：

        for (变量 in 对象) {

        }

        // 我们使用 for...in 里面的变量 我们喜欢写 k 或者 key
        var obj = {
            name:'张三疯',
            age: 18,
            sex:'男'
        }
        for (var k in obj) {
            console.log(k);// k 变量输出 得到的是 属性名
            console.log(obj[k]);// obj[k] 得到的是 属性值
        }