js 建立對象的幾種方法

時間 2019-11-12

原文原文鏈接

在js中建立對象的方法可分爲6種，分別是：基本模式、工廠模式、構造函數模式、原型模式、組合模式、動態原型模式，接下來分別看下這幾種模式的寫法吧函數

1、基本模式this

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

缺點：一、當建立對象較多時會比較麻煩，二、各個對象以前看不出有什麼關聯
爲解決第1個問題接下來咱們來介紹工廠模式spa

2、工廠模式prototype

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會生成多個，雖然多個對象的方法都是同樣的。code

構造函數解決了多個實列之間沒有聯繫的問題，能夠用instanceof判斷對象

3、構造函數模式blog

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("孫悟空", "棒子");