03.JavaScript对象

• 对象

    
        
        
    
    
        
    

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1.类:同一特性物体的统称,比如人类;
2.对象:类的具象化,比如具体的某一个人,张三.

运行图片

---

• 方法

    
        
        
        
    
    
        
        无参无返回值
        

        

        有参无返回值
        

        

        有返回值函数
        

        

        

            
            
            有参有返回值
        
    

未点击

无参无返回值

有参无返回值

有返回值

有返回值

---

• 对象的创建方式

    
        
        
        
        
    
    
        

            

                
01. 直接创建对象实例
                
代码:
                

                    
                    //新建对象
                    person = new Object();
                    //对象属性以及方法的定义
                    person.name = "case01";
                    person.age = 1;
                    person.say = function say(){
                        return "Hello , Case01 ! 直接创建对象"
                    }
                    //自定义展示对象内容的方法
                    objDisplay("case01",person);
                    //调用对象属性或方法的方式
                    document.getElementById("case01_01").innerHTML = person.say();
                    
                
              
                
结果:
                

                

                

                
            
            

                
02. 使用{}创建对象实例
                
代码:
                

                    
                    //新建对象并定义其属性方法
                    var pers = {
                        name:"case02",
                        age:2,
                        say:function say(){return "Hello , Case02 ! {}创建对象"}
                    };
                    //自定义展示对象内容的方法
                    objDisplay("case02",pers);
                    //调用对象属性或方法的方式
                    document.getElementById("case02_01").innerHTML = pers.say();
                    
                
              
                
结果:
                

                

                

                
            
            

                
03. 对象构造器
                
代码:
                

                    
                    //通过函数实现对象便利构造器
                    function per(name,age){
                        this.name = name;
                        this.age = age;
                        this.say = say;
                        function say(){
                            return "Hello , Case03 ! 对象构造器"
                        }
                    }
                    //直接通过函数创建对象
                    var perObj = new per("case03",3);
                    //为对象添加新的属性
                    perObj.sex = "male";
                    
                    //自定义展示对象内容的方法
                    objDisplay("case03",perObj);
                    //调用对象属性或方法的方式
                    document.getElementById("case03_01").innerHTML = perObj.say();
                    
                
              
                
结果:
                

                

                

                
            
        
       
    

结果

---