javascript高级程序设计 第7章 函数表达式（2）

模仿块级作用域

javascript中没有块级作用域的概念。这意味着在块级语句中定义的变量，实际上是在包含函数中而非语句中创建的。

可以用匿名函数模仿块级作用域，形式如下：

(function(){
    //这里是块级作用域
})()

function(){
  //这里是块级作用域
}(); //出错！

函数声明后面不能跟圆括号，函数表达式后面可以跟圆括号，将函数声明转化为表达式，只需加上一个圆括号即可

这种技术经常用在全局作用域中被用在函数外部，从而限制向全局作用域中添加过多的变量和函数。一般来说，我们都应该尽量少向全局作用域中添加变量和函数。

私有变量

严格来讲，js中没有私有成员的概念；所有属性都是公有的。不过，倒是有一个私有变量的概念。任何在函数中定义的变量，都可以认为是私有变量，因为不能在函数外部访问到这些变量。私有变量包括函数的参数，局部变量和在函数内部定义的其他函数。

function add(num1,num2){
	var sum = num1 + num2;
	return sum;
}

在这个函数内部，有3个私有变量：num1，num2和sum，在函数内部能访问这几个变量，但在函数外部不能访问到他们，如果在函数内部创建一个闭包，那么闭包通过自己的作用域链也可以访问到这些变量。而利用这一点，就可以创建用于访问私有变量的公有方法。

我们把有权访问私有变量和私有函数的公有方法称为特权方法。有两种在对象上创建特权方法的方式。

第一种是在构造函数中定义特权方法：

function MyObject(){
	//私有变量
	var privateVariable = 10;
	//私有函数
	function privateFunction(){
		return false;
	}
	//特权方法
	this.publicMethod = function(){
		privateVariable++;
		return privateFunction();
	}
}

特权方法作为闭包有权访问在构造函数中定义的所有变量和函数。在创建了MyObject的实例之后，除了使用publicMethod()这一个途径之外，没有任何办法可以直接访问privateVariable和privateFunction

利用私有和特权成员，可以隐藏那些不应该被直接修改的数据，例如：

function Person(name){
    this.setName:function(value){
        name = value;
    };
    this.getName:function(){
        return name;
    }
}

var person = new Person("zgx");
alert(person.getName);   //zgx
person.setName("ylh");
alert(person.getName)  //lyh

私有变量name在每个Person实例中都是不同的，因为每次调用构造函数都会重新创建这两个方法，不过，在构造函数中定义特权方法也有一个缺点，那就是你必须使用构造函数模式来达到这个目的。构造函数模式的缺点是针对每个实例都会创建同样一组新的方法，而使用私有静态变量来实现特权方法就可以避免这个问题

静态私有变量

通过在私有作用域中定义私有变量和函数，同样也可以创建一个特权方法，其基本模式如下：

(function(){
	//私有变量和函数
	var privateVariable = 10;

	function privateFunction(){
		return false;
	}

	//构造函数 注意没有加var，所以是全局变量，但在严格模式下会报错
	MyObject = function(){

	};

	MyObject.prototype.publicMethod = function(){
		privateVariable++;
		return privateFunction();
	}
})();

这个模式与在特权构造函数中定义特权方法的主要区别，就在于私有变量和函数是由实例共享的。由于特权方法是在原型上定义的，因此所有实例都使用同一个函数。而这个特权方法，作为一个闭包，总是保存着对包含作用域的引用。

(function(){
	var name = "";
	Person = function(value){
		name = value;
	}

	Person.prototype.getName = function(){
		return name;
	}

	Person.prototype.setName =function(value){
		name = value;
	}
})();

var person1 = new Person("zgx");
alert(person1.getName())  //zgx
person1.setName("lyh");
alert(person1.getName())  //lyh

var person2 = new Person("cxx");
alert(person1.getName())  //cxx
alert(person2.getName())  //cxx

在这种模式下，变量name就变成了一个静态的，由所有实例共享的属性。也就是说，在一个实例上调用setName()会影响所有实例。而调用setName()或者新建一个Person实例都会赋予name属性新值，结果就是所有实例都会返回相同的值。

以这种方式创建静态私有变量会因为使用原型而增进代码复用，但每个实例都没有自己的私有变量。到底是使用实例实例变量还是静态私有变量，最终还是要看具体的需求而定。

模块模式

模块模式是为单例创建私有变量和特权方法。所谓单例，指的是就是只有一个实例的对象。按照惯例，js是以对象字面量的方式来创建单例对象。

var singleton = {
	name:value,
	method:function(){
		//方法体
	}
}

模块模式通过为单例添加私有变量和特权方法能够使其得到增强，其语法形式如下：

var singleton = (function(){
	//私有变量和私有函数
	var privateVariable = 10；
	function privateFunction(){
		return false;
	}
	//特权/公有方法和属性
	return {
		publicProperty:true,
		publicMethod:function(){
			privateVariable++;
			return privateFunction();
		}
	};
})();

这种模式在需要对单例进行某些初始化，同时又需要维护其私有变量时是非常有用的，例如

var application = (function(){
	//私有变量和函数
	var  components = new Array();
	//初始化
	components.push(new BaseComponent());
	//公共
	return {
		getComponentCount:function(){
			return components.length;
		},
		registerComponent:function(component){
			if(typeof component == "object"){
				components.push(component);
			}
		}
	};

})();

增强的模块模式

增强的模块模式是由模块模式改进而来，即在返回对象之前加入对其增强的代码。这种增强的模块模式适合那些单例必须是某种类型的实例，同时还必须添加某些属性和方法对其加以增强的情况。例子如下

var singleton = (function(){
	//私有变量和私有函数
	var privateVariable = 10；
	function privateFunction(){
		return false;
	}
	//创建对象
	var object = new CustomType();
	//添加特权/公有属性和方法
	object.publicProperty = true;
	object.publicMethos = function(){
		privateVariable++;
		return privateFunction();
	};

	return object;
})();

如果模块模式中的那个例子必须是BaseComponent的实例，则

var application = (function(){
	//私有变量和函数
	var  components = new Array();
	//初始化
	components.push(new BaseComponent());
	//创建application的一个局部副本
	var app = new BaseComponent();
	app.getComponentCount = function(){
		return components.length;
	};
	app.registerComponent = function(component){
		if(typeof component == "object"){
			components.push(component);
		}
	};

	return app;
})();