javascript设计模式1

带原型的Constructor模式

function Car(model, year, miles){

  this.model = model;

  this.year = year;

  this.miles = miles;

}

Car.prototype.toString = function(){

  return this.model + " has done " + this.miles + " miles";

};

var civic = new Car("Honda Civic", 2009, 2000);

alert(civic.toString()); 

 

Module 模式

1. 对象字面量表示法 2. Module模式 3. AMD 模块 4. CommonJS模块 5. ECMAScript Harmony 模块

# 对象字面量表示法

var myModule = {

  myProperty: "someValue",

  myConfig: {

    language: "en"

  },

  myMethod: function(){

    alert(‘xxx‘);

  },

  myMethod2: null

}

# Module 模式

var testModule = (function(){
  var counter = 0;

  return {

    increment: function(){

      return ++counter;

    },

    reset: function(){

      counter = 0;

    }

  };

})();

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。