美文网首页
工厂模式创建对象、构造函数和原型模式

工厂模式创建对象、构造函数和原型模式

作者: 优秀的人A | 来源:发表于2018-12-04 20:40 被阅读26次

    1.工厂模式

    function Person(name,age,job) {
            //创建一个空对象
            var o = {};
    
            o.name = name;
            o.age = age;
            o.job = job;
    
            o.showName = function () {
                alert(this.name);
            };
            o.showName = function () {
                alert(this.age);
            };
            o.showName = function () {
                alert(this.job);
            };
            return o;
        }
        var Tom = Person('tom',18,'程序员');
        Tom.showName();
    

    2.构造函数

     function Person(name,age,job) {
            this.name = name;
            this.age = age;
            this.job = job;
    
            this.showName = function () {
                alert(this.name);
            };
            this.showAge = function () {
                alert(this.age);
            };
            this.showJob = function () {
                alert(this.job);
            };
        }
        var Bob = new Person('bob',18,'产品汪');
        Bob.showName();
    

    3.原型模式

      function Person(name,age,job) {
            this.name = name;
            this.age = age;
            this.job = job;
        }
        // prototype原型
        Person.prototype.showName = function () {
            alert(this.name);
        };
        Person.prototype.showAge = function () {
            alert(this.age);
        };
        Person.prototype.showJob = function () {
            alert(this.job);
        };
        var Lucy = new Person('Lucy',19,'测试鼠');
        alert(Lucy.showName());

    相关文章

      网友评论

          本文标题:工厂模式创建对象、构造函数和原型模式

          本文链接:https://www.haomeiwen.com/subject/fmnvcqtx.html