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

构造函数和原型模式 、工厂模式

作者: 骚X | 来源:发表于2018-12-05 16:14 被阅读0次

    1.构造函数

    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();
    

    2.原型模式

    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());
    

    3.构造函数

      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();

    相关文章

      网友评论

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

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