JavaScript 对象、创建对象、构造函数创建对象、 对象调用、遍历对象

对象

• 在JavaScript 中 对象是一组无序的相关属性方法的集合 所有的事物都是对象 如：字符串、数值、数组、函数等
• 对象由 属性 和 方法 组成
• 属性：事物的特征 在对象中用属性来表示 常用名词
• 方法：事物的行为 在对象中用方法表示 常用动词

创建对象的三种方式

• 利用 字面量创建对象
• 利用 new object 创建对象
• 利用 构造函数 创建对象

利用字面量 创建对象

• 对象字面量：就是花括号{ } 里面包含了表达这个具体事务（对象）的属性和方法
  *（ ） 里面采取 键 值 对 的形式表示
• 键：相当于属性名
• 值：相当于属性值，可以是任意类型的值（数字类型、字符串类型、布尔值类型、函数类型，等）

对象调用

• 对象里面的 属性调用：对象.属性名 这个点 可以理解为 ‘’的‘’
• 对象里面属性点 另一种调用方式：对象[ ‘属性名’] 方括号里面的属性必须加引号
• 对象里面的方法调用： 对象.方法名（） 方法名后一定加括号
  

<script>
        var obj ={
            unume:'旺财',
            type:'狗',
            age:5 + '岁',
            col:'棕色',
           bark:'wang wang' + '演电影',
        sayHi:function() {
            console.log('hi');
        }
        }
        console.log('姓名:'+obj.unume)
        console.log('类型：'+obj.type )
        console.log('年龄：'+obj.age)
        console.log('颜色：'+obj.col)
        console.log('特征：'+obj.bark)
        obj.sayHi()
    </script>

变量、属性、函数、方法 总结

• 变量：单独声明并赋值，使用的 时候直接写变量名 单独存在
• 属性：对象里面的变量 称为属性 不需要声明 用来表述该对象的特征
• 函数：单独存在的 通过“函数名（ ） ” 的方式就可以调用
• 方法：对象里面的函数称为 方法 ，方法不需要声明，使用“对象.方法名（ ）”的放式就可以调用 方法用来描述该对象的行为和功能

Object 创建对象

• 用new Object(); 创建一个空的对象

<script>
        // Object 创建对象
        var obj=new Object();//创建一个空的对象
        obj.uname = '孙悟空';
        obj. sex = '男';
        obj.age = '1000';
        obj.skill = '七十二变';
        obj.an = function(){
            console.log('俺老孙来也~ ');
        }
        console.log('姓名：'+ obj.uname);
        console.log('性别：' + obj.sex) ;
        console.log('年龄最少：' + obj.age + '岁');
        console.log('特技：' + obj.skill);
        obj.an()
    </script>

利用构造函数创建对象

• 构造函数： 是一种特殊的函数 主要用来初始化对象 即为对象成员变量赋值初始值 它总与 new运算符一起使用 我们可以把对象中一些公共属性和方法抽取出来 然后封装这个函数里面

 <script>
        function Fu( uname,age,sex){
            this.uname = uname
            this.age = age
            this.sex = sex
        }
        var swk = new Fu('孙悟空',800,'男' )
        console.log(swk.uname);
        var zbj = new Fu('猪八戒',500,'男' )
        console.log(zbj.uname);


        function xiong ( name,type,blood,attack){
            this.name = name
            this.type = type
            this.blood = blood
            this.attack = attack
        }
        var lianpo = new xiong('姓名：颇颇公主','属性：力量型','血量属性：1000','攻击方式：近战')
        console.log(lianpo.name);
        console.log(lianpo.type);
        console.log(lianpo.blood);
        console.log(lianpo.attack);
    </script>  

构造函数和对象的区别

• 构造函数时泛指的某一大类
• 对象 特指的一个具体的事物
• 利用构造函数 创建对象的过程 我们也称为对象的实体化

new 在执行时 会做的四件事

• 1.在内存中创建一个空对象
• 2.让this 指向这个对象
• 3.执行构造函数里面的代码 给这个新对象 添加属性和方法
• 4.返回这个新对象（所以构造函数里面不需要return）

遍历对象

• for…in 语句对于数组或者对象的属性进行循环操作

 <script>
        // 遍历对象
           var obj = {
               name : '代码',
               agr : '22',
               sex : 'nan',
               love:'html and js',  
               fn:function(num1,num2){

               }
           }
           for(var k in obj){
               console.log(obj[k]);
           }
    </script>

小结

• 对象可以让代码结构更清晰
• 对象复杂数据类型object
• 本质：对象就是一组无序 的相关属性和方法的集合
• 构造函数是泛指某一大类
• 对象实例 特指一个事物；
• for…in语句用于对象的属性进行循环操作