JavaScript自定义对象的三种方式

JavaScript

自定义对象的三种方式：

        <!DOCTYPE html>
        <html>
            <head>
                <meta charset="utf-8">
                <title></title>
                //方式1：
                <script>
                    var obj = new Object();
                    obj.name="张大帅";
                    obj.age=23;
                    obj.eat = function(food){
                        console.log(this.name+"的人;"+this.age+"岁了;正在吃"+food)
                    }
                    obj.eat("蛋糕");
                </script>
                //方式2：
                <script>
                    function People(pname,page){
                        this.pname = pname;
                        this.page = page;
                        this.peat = function (pfood){
                            console.log("我的名字是:"+this.pname+";我的年龄是:"+this.page+";我最爱吃"+pfood);
                        }
                    }

                    var pl = new People("大宝",24);
                    pl.peat("桃子");
                </script>
                //方式3：
                <script>
                    var pll ={
                        na:"茂茂",
                        ag:18,
                        ea:function(fo){
                            console.log("我的名字是:"+this.na+"我的年龄是:"+this.ag+"我最最最爱吃"+fo);
                        }
                    }
                    pll.ea("鸡屁股");
                </script>
            </head>
            <body>
            </body>
        </html>
posted @ 2022-05-13 11:50  爱豆技术部  阅读(56)  评论(0)    收藏  举报