美文网首页
前端常见的设计模式

前端常见的设计模式

作者: 静静的枫叶 | 来源:发表于2017-02-26 14:48 被阅读0次

工厂模式

将方法属性单独定义,避免重复创建,将公共的属性定义到一个函数中,可以重复使用。

  var skill=function(){
    return 'ada';
}
  function  CreatePerson(name,age,gender){
      var obj={};
      obj.name=name;
      obj.age=age;
      obj.gender=gender;
      obj.skill=skill;
      return obj;
}
var p1=CreatePerson('ll',12,'nv');
alert(p1.skill());

构造函数模式

var skill=function(){return 'ada';};
    function CreatePerson(name,age,gender){
        this.name=name;
        this.age=age;
        this.gender=gender;
        this.skill=skill;
    } 
 var p2=new CreatePerson('ll',12,'女');
    alert(p2.name);
    alert(p2.skill());

注意:构造函数模式在实例化的时候要使用New操作符

构造函数和原型的混合方式

将公共属性放在原型上,私有属性放进构造函数中,

    function Person(){
        this.name='ll';
        this.age=12;
    };
    Person.prototype.skill=function(){
        return 'ada';
    };
    var x=new Person();
    alert(x.skill());

构造函数和原型的动态原型模式

    function Person(){
        this.name='ll';
        this.age=32;
        if(typeof Parent.skill=='undefined'){
            Person.prototype.skill=function(){
                returin this.name;
            }
            Person.skill=true;
        }
    };
    var x=new Person();

相关文章

  • 前端常见的9种设计模式

    本文目录: 1.概念 2.设计原则 3.设计模式的类型 前端常见设计模式1:外观模式(Facade Pattern...

  • 前端常见设计模式

    构造函数模式 模块模式 工厂模式 混合模式 单例模式 订阅发布模式

  • 前端常见设计模式

    1.写出 构造函数模式、混合模式、模块模式、工厂模式、单例模式、发布订阅模式的范例。 构造函数模式function...

  • 前端常见设计模式

    1. 写出 构造函数模式、混合模式、模块模式、工厂模式、单例模式、发布订阅模式的范例。 构造函数模式 混合模式 模...

  • 前端常见的设计模式

    构造函数模式 混合模式(将父元素的原型链赋值给空对象F,再将空对象F赋值给子元素的原型链来实现继承同时不覆盖子元素...

  • 前端常见的设计模式

    工厂模式 将方法属性单独定义,避免重复创建,将公共的属性定义到一个函数中,可以重复使用。 构造函数模式 注意:构造...

  • 常见的前端设计模式

    模块模式: 在立即执行函数表达式中定义的变量和方法在外界是访问不到的,只能通过其向外部提供的接口,"有限制"地访问...

  • 前端常用设计模式

    前端常见的设计模式主要有以下几种: 单例模式 工厂模式 策略模式 代理模式 观察者模式 模块模式 构造函数模式 混...

  • 1-观察者模式与发布订阅“模式”

    一、观察者模式 观察者模式在前端工程中是很常见的设计模式,因为前端交互中充斥着大量多控件联动的交互,当参与联动的组...

  • 好程序员web前端培训分享JavaScript中常见的反模式

    好程序员web前端培训分享JavaScript中常见的反模式,前言:反模式是指对反复出现的设计问题的常见的无力而低...

网友评论

      本文标题:前端常见的设计模式

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