美文网首页
构造函数与原型

构造函数与原型

作者: 爱吃肉的小码哥 | 来源:发表于2018-02-10 16:13 被阅读0次
面向对象.png
//工厂模式
            function People (name,age) {
                var obj = {};
                obj.name = name;
                obj.age = age;
                
                obj.say = function () {
                    return '我的名字是:'+ obj.name + '今年:'+obj.age;
                }
                return obj;
            }
            console.log('工厂模式--------------------------');
            //实例1
            var ming = People('小明',10);
            console.log(ming.say());
            //实例2
            var hua = People('小花',9);
            console.log(hua.say());
            
            
            //构造函数
            function createPeople (name,age) {
                //私有属性
                this.name = name;
                this.age = age;
                
                //私有方法
                this.say = function () {
                    return '我的名字:' + this.name + '我的年龄:' + this.age;
                }
            }
            console.log('构造函数--------------------------');
            //实例1
            var xiaoming = new createPeople('小王',12);
            console.log(xiaoming.say());
            
            //原型模式
            function creatThePeople (name,age) {
                this.name = name;
                this.age = age;
            }       
            
            //将公有方法放到函数的原形链上
            creatThePeople.prototype.say = function () {
                return '我的名字:' + this.name + '我的年龄:' + this.age;
            }
            
            
            console.log('原型模式--------------------------');
            //实例1
            var person1 = new creatThePeople('张三',30);
            console.log(person1.say());
            console.log(person1);
            var person2 = new creatThePeople('李四',28);
            console.log(person2.say());
            console.dir(person2);
            console.dir(new creatThePeople('asas',13));

相关文章

  • 原型概念

    神秘对象称与构造函数 神秘对象就是构造函数的 "原型属性"简称原型 (构造函数的原型) 神秘对象与构造函数所创建出...

  • 原型与原型链

    构造函数与原型 JavaScript 语言使用构造函数(constructor)作为对象的模板。所谓”构造函数”,...

  • javascirpt复习

    实例中访问构造函数原型的指针,指向的是构造函数原型,不是构造函数; 所以重写构造函数原型对象,【实例对象】访问还是...

  • JavaScript 原型&原型链

    JavaScript 原型&原型链 1. 构造函数 构造函数本身就是一个函数,与普通函数没有任何区别,不过为了规范...

  • 2018-11-22

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

  • 22

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

  • 面向对象2

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

  • OOP-2

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

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

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

  • 原型链经典面试题

    命题点一:原型基础 + 构造函数基础 命题点二:自有属性与原型继承属性 命题点三:构造函数综合考察

网友评论

      本文标题:构造函数与原型

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