JavaScript中的块级作用域、私有变量与模块模式

原创 2016年06月01日 22:54:29

1.块级作用域(私有作用域),经常在全局作用域中被用在函数外部,从而限制向全局作用域中添加过多的变量和函数。

(function(count){
	for(var i=0;i<count;i++){
		console.log(i);//=>0、1、2、3、4
	}
	console.log(i);//=>5
})(5);
(function(){
	var now=new Date();
	if(now.getMonth()==0 && now.getDate()==1){
		console.log("新年快乐");
	}else{
		console.log("尽情期待");
	}
})();
2.私有变量:任何在函数中定义的变量,都可以认为是私有变量,因为不能在函数的外部访问这些变量。

  特权方法:有权访问私有变量和私有函数的公有方法称为特权方法。

  2.1)在构造函数中定义特权方法:

function Person(name){
	this.getName=function(){
		return name;
	};
	this.setName=function(value){
		name=value;
	};
}
var person1=new Person("Jason");
console.log(person1.getName());//=>Jason
person1.setName("gray");
console.log(person1.getName());//=>gray
var person2=new Person("Michael");
console.log(person1.getName());//=>gray
console.log(person2.getName());//=>Michael
person2.setName('Alex');
console.log(person1.getName());//=>gray
console.log(person2.getName());//=>Alex
  构造函数模式的缺点是针对每个实例都会创建同样一组新方法。

  2.2)静态私有变量来实现特权方法

  在私有作用域中,首先定义私有变量和私有函数,然后定义构造函数及其公有方法。

  

(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("Jason");
console.log(person1.getName());//=>Jason
person1.setName("gray");
console.log(person1.getName());//=>gray
var person2=new Person("Michael");
console.log(person1.getName());//=>Michael
console.log(person2.getName());//=>Michael
person2.setName('Alex');
console.log(person1.getName());//=>Alex
console.log(person2.getName());//=>Alex

3.模块模式:通过为单例添加私有变量和特权方法能够使其得到增强。

如果必须创建一个对象并以某些数据对其进行初始化,同时还要公开一些能够访问这些私有数据的方法,那么就可以使用模块模式。

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





JavaScript模仿块级作用域与私有变量

一、块级作用域JS没有块级作用域的概念,定义在块语句中的变量,实际上是在包含函数中而非语句中创建的,如下面例子,变量i和j创建之后即便离开了块语句,只要还在包含函数func中,就可以访问到这两个变量。...
  • hongchh
  • hongchh
  • 2016年08月17日 09:53
  • 620

javascript之块级作用域的概念和闭包

简单的块级作用域: javascript没有块级作用域的概念 function test(){ for(var i = 1 ; i ...
  • bq1073100909
  • bq1073100909
  • 2015年09月24日 08:44
  • 1527

js的函数作用域跟块级作用域

一,js中的作用域     js中除了全局作用域,还有函数作用域。     嗯,还有块级作用域。 二,函数作用域跟块级作用域的区别     当将代码看成一个IIFE时,全局作用域其实就是一个函数作用域...
  • huangjq36SYSU
  • huangjq36SYSU
  • 2016年04月07日 14:34
  • 4129

JS之稳妥构造函数模式and静态私有变量

稳妥构造函数and静态私有变量的实现原理 //test 稳妥构造函数或者叫做JS中私有变量的实现 function Person(name, age, job) { var o = new O...
  • softmanfly
  • softmanfly
  • 2015年12月15日 17:42
  • 1108

JavaScript中的块级作用域和私有变量

模仿块级作用域: JavaScript没有块级作用域的概念。这意味着在块语句中定义的变量,实际上是在包含函数中而非语句中创建的。 看一个例子:  function outputNumbers(c...
  • xin_xun_
  • xin_xun_
  • 2017年03月05日 15:33
  • 251

JavaScript闭包-块级作用域和私有变量

块级作用域 块级作用域是指在由花括号包裹的代码块中的作用域。在JavaScript中是没有块作用域的。为了理解这个概念,来看下面的例子: for(var i ...
  • feiying008
  • feiying008
  • 2016年10月21日 18:34
  • 703

可怜的js居然没有块级作用域

js中一个for循环:for(var i=0;i
  • u012181244
  • u012181244
  • 2014年11月10日 11:22
  • 1255

javascript模式--模块模式

javascript模式 Module(模块)模式
  • ying422
  • ying422
  • 2015年04月20日 17:21
  • 1350

javascript的私有变量和全局变量

要写一个jquery插件,可以实例化插件并传递不同的参数给不同的div。实例化时碰到问题。 首先讲下函数中变量的私有性。 function initMp3(options){         var ...
  • mochong
  • mochong
  • 2017年03月28日 14:07
  • 178

浅谈ES6 块级作用域

1、为什么需要块级作用域 ES5只有全局作用域和函数作用域,没有块级作用域,会带来以下问题: 1) 变量提升导致内层变量可能会覆盖外层变量; var i = 5; function func() { ...
  • zhouziyu2011
  • zhouziyu2011
  • 2017年03月30日 11:07
  • 1248
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript中的块级作用域、私有变量与模块模式
举报原因:
原因补充:

(最多只允许输入30个字)