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

构造函数、原型模式

作者: 栀心_d553 | 来源:发表于2019-12-31 11:37 被阅读0次

构造函数

    <script type="text/javascript">
        function Person(name,age,job){
            this.name = name;
            this.age = age;
            this.job = job;

            this.shoeName = function () {
                alert(this.name);
            }
            this.shoeAge = function () {
                alert(this.age);
            }
            this.shoeJob = function () {
                alert(this.job);
            }
        }
        //以上定义的所有方法对于下面的对象来说,不是共有的。各自是各自的
        var Bob = new Person('bob',18,'狗狗');//new 的作用:创建新对象并且返回值。
        Bob.shoeJob();

        var alics = new Person('alen',18,'猫猫');
        alics.shoeJob();

        console.log(Bob.shoeJob == alics.shoeJob);//false
    </script>

原型模式

    <script type="text/javascript">
        function Person(name,age,job){
            this.name = name;
            this.age = age;
            this.job = job;
        }
            Person.prototype.showName = function () {
                alert(this.name);
            }//prototype 的作用   所有对象可以共用函数(原型)
            Person.prototype.showAge = function () {
                alert(this.age);
            }
            Person.prototype.showJob = function () {
                alert(this.job);
            }
        var luci = new Person('lici',18,'测试老鼠');
        luci.showJob = function () {
            alert('我的工作:'+ this.job);
        }//重写属性,会覆盖原来的     自己独有的属性
        luci.showJob();
        var lily = new Person('lily',19,'市场');
        lily.showJob();


    </script>



相关文章

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

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

  • 构造函数-js-高级程序设计-第六章笔记

    前言 理解对象 创建对象构造函数模式原型模式组合使用构造函数模式和原型模式动态原型模式寄生构造函数模式稳妥构造函数...

  • 对象的创建与继承

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

  • js集成

    原始继承模式--原型链 2:借用构造函数 3:共享构造原型 4:圣杯模式原型链; 构造函数; 共享原型; 圣杯模式...

  • Js创建对象的几种模式

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

  • js面向对象的几种写法

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

  • JS函数

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

  • js 集成模式 07-24

    **原始继承模式--原型链 2:借用构造函数 3:共享构造原型 4:圣杯模式**一:原型链; 二:构造函数; 三:...

  • js面向对象设计模式

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

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

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

网友评论

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

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