js创建对象的方法以及优缺点

前言

hello! 大家好，本人是一名刚入行的菜逼前端开发程序员，希望能通过博客能学到更多东西或是能让他人能学到东西，与更多拥有共同兴趣爱好的同仁一起交流学习，一起谈理想谈人生，所以下决心开始写博客。如果有哪里写的不正确或是不合理的地方还请各位多多指教，评论或是留言指正。

万事开头难，也纠结了一番，第一篇博客写些什么，首先想到的是对象，因为在编程过程中，有了对象，可以创造一个世界，在现实生活中，有了对象有了对象可以创造一个民族！

所以第一篇文章要写的是我自己总结的《js创建对象的方法以及优缺点》

1. 直接创建
2. 工厂模式
3. 构造函数
4. 原型方式
5. 构造和原型的混合方式
6. 动态原型方式

---

直接创建

        var man={            name:'key',            age:18,            sex:'男',            say:function(){                alert('hello world');            }        }

优点：简单快速。
缺点：限制了对象的重用。

工厂模式

        function createMan(name,age,sex){            var man=new Object();            man.name=name;            man.age=age;            man.sex=sex;            man.say=function(){                alert('hello world');            }            return man;        }        var key=createMan('key',18,'男');

优点：使用这种方法能够不断重复的创建对象。
缺点：无法识别对象类型，每个对象都有自己的say 函数，不能共享同一个函数，造成内存的浪费。

构造函数

        function Man(name,age,sex){            this.name=name;            this.age=age;            this.sex=sex;            this.say=function(){                alert('hello world');            }        }        var key=new Man('key',18,'男');

优点：使用这种方法能够重复的创建对象，并且能够识别对象的类型。
缺点：每个对象都有自己的say 函数，不能共享同一个函数，造成内存的浪费。

原型方式

        function Man(){};        Man.prototype.name='key';        Man.prototype.age=18;        Man.prototype.sex='男';        Man.prototype.say=function(){            alert('hello world');        };        var key=new Man();

优点：能够共享一个函数。
缺点：构造函数没有参数，不能通过构造函数初始化属性值；属性是对象时被多个实例共享容易产生问题。

构造和原型的混合方式

        function Man(name,age,sex){            this.name=name;            this.age=age;            this.sex=sex;        }        Man.prototype.say=function(){//写在构造方法外面            alert('hello world');        }        var key=new Man('key',18,'男');

优点：所有非函数属性都在构造函数创建，可以用构造函数赋予属性默认值，所有实例共享一个方法，没有浪费内存，没有副作用【推荐】。

动态原型方式

        function Man(name,age,sex){            this.name=name;            this.age=age;            this.sex=sex;            if(typeof Man.init=='undefined'){                Man.prototype.say=function(){                    alert('hello world');                }                Man.init=true;            }            //这里将Man.prototype.say写在了构造方法里面,只为了更友好的编码风格。            //这里的Man.init是私有属性，目的在于使Man.prototype.say创建并只执行一次，其实就是一个标志位，一旦Man.init=true,就不满足条件，就不再执行了。        }        var key=new Man('key',18,'男');

优点：动态原型创建对象的方法与构造函数和原型混合方式相同，即在构造函数内定义非函数属性，而函数属性则利用原型属性定义。唯一的区别是赋予对象方法的位置，即提供更友好的编码风格。

总结

好了，以上就是我个人总结的js创建对象的方法以及优缺点，也是自己博客的处女作，希望能够对大家能有所帮助，如有不正确或是不合理或是不足的地方还请批评指出，评论或留言给我，我再将其改正过来。

目录

浏览器兼容

1. 所有主流浏览器都兼容。

---