2016-01-15

javascript设计模式之构造器模式

简介

ECMAScript 中可以采用构造函数(构造方法)可用来创建特定的对象。该模式正好可以解决以上的工厂模式无法识别对象实例的问题。

<script type="text/javascript">
    function Car(model,year,miles){//构造函数模式
        this.model = model;
        this.year = year;
        this.miles = miles;
        this.run = function () {
            return this.model + " has done " + this.miles + "miles";
        }
    }
    var Benz = new Car('Benz',2014,20000);
    var BMW = new Car("BMW",2013,12000);
    alert(Benz instanceof Car); //很清晰的识别他从属于 Car,true

    console.log(Benz.run());
    console.log(BMW.run());
</script>

更多 >>

2016-01-15

javascript设计模式之外观模式

简介

外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口值得这一子系统更加容易使用。

更多 >>

2016-01-15

javascript设计模式之工厂模式

简介

为了解决多个类似对象声明的问题，我们可以使用一种叫做工厂模式的方法，这种方法就是为了解决实例化对象产生大量重复的问题。

<script type="text/javascript">
    function createObject(name,age,profession){//集中实例化的函数
        var obj = new Object();
        obj.name = name;
        obj.age = age;
        obj.profession = profession;
        obj.move = function () {
            return this.name + ' at ' + this.age + ' engaged in ' + this.profession;
        };
        return obj;
    }
    var test1 = createObject('trigkit4',22,'programmer');//第一个实例
    var test2 = createObject('mike',25,'engineer');//第二个实例
    alert(test1.move());
    alert(test2.move());
</script>

更多 >>

2016-01-12

javascript设计模式之单例模式

基本结构

简单的单体结构实际上就是一个对象字面量：

var Singleton = {
  attribute1: true,
  attribute2: 1,

  method1: function() {
    ...
  },
  method2: function() {
    ...
  }
}

单体结构应该是一个只能被实例化一次，并且可以通过一个访问点访问的类。所谓访问点，可以理解为一个变量，这个变量在全局范围内可以访问到，并且只有一个。

更多 >>

2016-01-12

javascript之算法查询

冒泡排序 – 时间复杂度O(n^2)

//冒泡排序
function bubbleSort(A) {
    for (var i = 0; i < A.length; i++) {
        var sorted = true;
    //注意：内循环是倒着来的
        for (var j = A.length - 1; j > i; j--) {
            if (A[j] < A[j - 1]) {
                swap(A, j, j - 1);
                sorted = false;                   
            }
        }
        if (sorted) {
            return;
        }
    }
}

更多 >>

2016-01-11

javascript之算法查找

入门级算法-线性查找-时间复杂度O(n)

//线性搜索(入门HelloWorld)
//A为数组，x为要搜索的值
function linearSearch(A, x) {
    for (var i = 0; i < A.length; i++) {
        if (A[i] == x) {
            return i;
        }
    }
    return -1;
}