创建对象的方式

Dear 丶 2022-06-12 23:24 201阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            //如何创建一个对象 下面是三种方法（具体用哪个看需求）
    
            //1.-------------对象字面量  {key:value,key:value...}-------------------
            //只能创建一次对象，复用性较差，如果要创建多个对象，代码冗余度太高
           // var obj = {
           //     name:"演员",
           //     singer:"薛段子手",
           //     type:"流行"
           // };
    
           // var obj1 ={
           //     name:"吻别",
           //     singer:"张学友",
           //     type:"流行"
           // }
    
    
    
    
            // 2.----------------------使用内置构造函数-----------------------
           var obj = new Object();
           obj.name = "一千个伤心的理由";
           obj.singer = "张学友";
           obj.sing = function () {
               console.log("一千个伤心的理由");
           }
           console.log(obj);//Object {name: "一千个伤心的理由", singer: "张学友", sing: function}
    
    
           var obj1 =new Object();
           obj.name = "一千个伤心的理由____1111";
           obj.singer = "张学友__1111";
           obj.sing = function () {
               console.log("一千个伤心的理由____1111");
           }
            console.log(obj1)//Object {name: "一千个伤心的理由____1111", singer: "张学友__1111", sing: function}
    
            //3.封装简单的工厂函数 (曾经问过一个大牛说不推荐使用（不知何原因，欢迎各位大牛指出不足之处），但是本人喜欢用这种方法)
            function createSong(songName,singerName){
                var o =new Object();
                o.name = songName;
                o.singer = singerName;
                o.sing = function () {
                    console.log("让我来唱首歌");
                }
                return o;//{name:"",singer:"",sing:function...}
            }
    
            var obj1 = createSong("演员","薛之谦");
            console.log(obj1)
    
            var obj1 = createSong("一言难尽","张宇");
            console.log(obj1)
    
    
    
        </script>
    </head>
    <body>
    
    </body>
    </html>