js 建立对象的几种方法

在js中建立对象的方法可分为6种，分别是：基本模式、工厂模式、构造函数模式、原型模式、组合模式、动态原型模式，接下来分别看下这几种模式的写法吧

1、基本模式

var person = new Object();
        person.name = "孙悟空";
        person.weapon = "棒子";
        person.run = function () {
            return this.name + "武器是" + person.weapon;
        }

缺点：一、当建立对象较多时会比较麻烦，二、各个对象以前看不出有什么关联
为解决第1个问题接下来咱们来介绍工厂模式

2、工厂模式

function creatPerson(name, weapon) {
            var person = new Object();
            person.name = "孙悟空";
            person.weapon = "棒子";
            person.run = function () {
                return this.name + "武器是" + person.weapon;
            }
            return person;
        }

缺点：一、实例之间没有联系；二、没有使用new关键字；三、会形成资源的浪费，每生成一个实例都会都会增长一些重复的内容
缺点3如何理解呢：在屡次调用creatPerson方法时，建立对象的方法run会生成多个，虽然多个对象的方法都是同样的。

构造函数解决了多个实列之间没有联系的问题，能够用instanceof判断

3、构造函数模式

function creatPerson(name, weapon) {
            this.name = name;
            this.weapon = weapon;
            this.run = function () {
                return this.name + "武器是" + this.weapon;
            }
        }
        //调用建立对象
        var wukou =new  creatPerson("孙悟空", "棒子");

缺点：没有解决工厂模式浪费内存的缺点，每建立一个对象会增长不少重复的东西

为了解决这个问题请看原型模式
4、原型（Prototype）模式

js中规定，每个构造函数都有一个prototype属性，指向另外一个对象，这个对象的全部属性和方法，都会被构造函数的实例继承，能够把那些不变的属性和方法直接定义在prototype对象上

 function personObj() { }
        personObj.prototype.name = "孙悟空";
        personObj.prototype.weapon = "棒子";
        personObj.prototype.run = function () {
            return this.name + "武器是" + this.weapon;
        }
        //建立对象
        var person = new personObj();

        //原型模式的另外一种写法
        function personObj() { }
        personObj.prototype = {
            constructor: personObj,//强制指回personObj
            name: "孙悟空",
            weapon: "棒子",
            run: function () {
                return this.name + "武器是" + this.weapon;
            }
        }

缺点：构造函数没有参数，不能传参初始化值，由于不一样的对象可能只共享方法，可是不会共享属性，为了解决这个问题请看构造函数和原型模式的组合模式，还解决了前面的全部缺点，Jquery就是使用的这种方法

5、组合模式

这样，不一样的实例可有本身特有的属性，还有共享的方法

        function personObj(name,weapon) {
            this.name = name;
            this.weapon = weapon;
        }
        personObj.prototype = {
            run: function () {
                return this.name + "武器是" + this.weapon;
            }
        }
        //建立对象
        var wukou = new personObj("孙悟空", "棒子");

虽然这种建立对象的方式已经够咱们使用了，平时使用这方式也没有问题的，固然还有一点小问题：对象中的属性和方法是分开的，请看动态原型方法

6、动态原型模式

 function personObj(name, weapon) {
            this.name = name
            this.weapon = weapon
            if (typeof this.run != "function")
            {
                personObj.prototype = {
                    run: function () {
                        return this.name + "武器是" + this.weapon;
                    }
                }
            }
            
        }
        
        //建立对象
        var wukou = new personObj("孙悟空", "棒子");

函数中使用 if (typeof this.run != "function") 目的是为了防止建立多个对象时，方法执行屡次