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

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

作者: 骚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();

相关文章

  • 对象的创建与继承

    创建对象 工厂模式 => 构造函数模式 => 原型对象模式 => 构造函数模式+原型对象模式 工厂模式 构造函数模...

  • 前端面试题总结【37】:javascript对象的几种创建方式

    工厂模式 构造函数模式 原型模式 混合构造函数和原型模式 动态原型模式 寄生构造函数模式 稳妥构造函数模式 推荐:...

  • 创建对象方法

    (1)工厂模式 (2)构造函数模式 (3)原型模式 (4)组合使用构造函数模式和原型模式 (1)工厂模式:缺点:不...

  • Js创建对象的几种模式

    Js创建对象的几种模式 工厂模式 构造函数模式 原型模式 组合使用构造函数模式和原型模式 动态原型模式 稳妥构造函数模式

  • js面向对象的几种写法

    一、工厂模式 二、构造函数模式 三、原型模式 四、组合使用构造函数和原型模式 五、原型链继承 六、借用构造函数继承...

  • 关于JavaScript创建对象的多种方式

    JavaScript创建对象的方法 工厂模式 构造函数模式 原型模式 组合使用构造函数模式和原型模式 动态原型模式...

  • js面向对象设计模式

    1、工厂模式 2、构造函数模式 3、原型模式 4、组合使用构造函数模式和原型模式 5、动态原型模式 6、寄生构造函...

  • JS函数

    1.0 工厂模式 2.0 构造函数模式 3.0 原型模式 4.0 构造函数 + 原型模式 实例化构造函数时,返回的...

  • JavaScript创建对象

    JavaScript中创建对象有以下七种方式: 工厂模式构造函数模式原型模式构造函数和原型组合模式动态原型模式寄生...

  • 创建对象模式

    1.工厂模式 2.构造函数模式 3.原型模式 4.组合使用构造函数模式和原型模式 5.动态原型模式 6.寄生构造函数模式

网友评论

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

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