zoukankan      html  css  js  c++  java
  • 前端开发模式

    现在很多前端开发的小伙伴对前端开发模式不是很了解,现在我写一些自己的学习心得和大家共享,希望有所收获!

    首先第一个开发模式:工厂模式:

    工厂模式顾名思义即是通过一个工厂去制造出很多相似的产品出来,就比如类似的汽车,火车,飞机等这些相似的产品,在流水线上制造出来,这样可以节省开发的时间,提高开发开发效率;

    function createPerson(name,age,job){

    var o = new Object();

    o.name = name;

    o.age = age;

    o.job = job;

    o.sayName = function(){

    alert(this.name);

    }

     

    }

    var person1 = createPerson('张三',28,'engineer');

    var person2 = createPerson('李四',25,'engineer');

    通过createPerson()函数,首先在函数内部定义一个对象,然后给这个对象定义一的属性,通过参数形参传递到函数内部的对象上,给对象定义name,age,job等属性,然后就可以在使用这个工厂函数,传入你想制造等人的名字,年龄,工作,就可以制造出来多个不同的对象出来;

    第二个是构造函数模式

    function Person(name,age,job){

    this.name = name;

    this.age = age;

    this.job = job;

    this.sayName = function(){

    alert(this.name)

    }

    }

     

     

    var person1 = new Person('张三',29,'工程师');

    var person2 = new Person('李四',29,'设计师');

     

     

    var person1 = new Person('张三',29,'工程师');

    var person2 = new Person('李四',29,'设计师');

     

     

    第三个:原型模式

    function Person(){

     

    }

    Person.prototype.name = 'Nicholas';

    Person.prototype.age = 29;

    Person.prototype.job = 'soft engineer';

    Person.prototype.sayName = function(){

    alert(this.name);

    };

    var person1 = new Person();

    person1.sayName();

    var  person2 = new Person();

    person2.sayName();

    alert(person1.sayName == person2.sayName));

     

     

     

     

     

  • 相关阅读:
    linux php.ini又一次载入问题
    String、StringBuilder、 StringBuffer 深入分析 源代码解析
    hdu 4902 Nice boat(线段树区间改动,输出终于序列)
    鸿雁电器oa系统中决策支持模块效果
    POJ3321:Apple Tree(树状数组)
    ASP.NET六大巨头——内置对象(1)
    insmod hello.ko -1 Invalid module format最简单的解决的方法
    poj
    iOS项目开发实战——制作视图的缩放动画
    读配置文件能够保持顺序的 Java Properties 类
  • 原文地址:https://www.cnblogs.com/chenjianbo/p/6714998.html
Copyright © 2011-2022 走看看