4.2JS中自定义对象

​

  

JS中自定义对象
JS除了一些常用方法和类以外,允许我们自己定义对象,在JS中自定义对象有三种可用的语法格式,分别为:
1调用系统的构造函数创建对象
2自定义构造函数创建对象
3字面量的方式创建对象

第一种语法:调用系统的构造函数创建对象(Object)

 

   <script>
                        // 实例化对象
                        var obj =new Object();
                        // 给对象添加属性
                        obj.name="张思锐";
                        obj.age=35;
                        obj.gender="男";
                        // 给对象添加方法
                        obj.eat=function(food){
                                console.log(this.name+"正在吃"+food)	
                        }
                        
                        // 查看对象属性
                        console.log(obj.name);
                        console.log(obj.age);
                        console.log(obj.gender);
                        // 调用对象方法
                        obj.eat("蛋糕");
                        
                </script>

 

第二种语法:自定义构造函数创建对象(function)

 

 <script>
                        // 准备一个构造方法 
                        function Person(pname,page){
                                this.pname=pname;
                                this.page=page;
                                
                                this.eat=function(food){
                                        console.log(this.page+"岁的"+this.pname+"正在吃"+food);
                                }	
                        }
                        
                        var p1=new Person("张思锐",10);
                        // 查看对象属性
                        console.log(p1.pname);
                        console.log(p1.page);
                        // 调用对象方法
                        p1.eat("油条");
                </script>

第三种语法: 字面量的方式创建对象(JSON)

 

 <script>
                        
                        
                        /*	JSON 
                                var 对象名 ={属性名:属性值,属性名:属性值, ... ... ,方法名:方法声明,方法名:方法声明}
                        */
                        var person ={
                                        name:"晓明",
                                        gender:"男",
                                        age:10,
                                        eat:function(food){
                                                console.log(this.age+"岁的"+this.gender+"孩儿"+this.name+"正在吃"+food)
                                        }
                                };
                                
                        // 查看对象属性
                        // 调用对象方法
                        console.log(person.name)
                        console.log(person.gender)
                        console.log(person.age)
                        person.eat("馒头")
                        
                </script>

 

​