欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-25 13:08:28
本文详细的介绍了javascript中的块级作用域、私有变量与模块模式,废话就不多说了,具体如下: 1.块级作用域(私有作用域),经常在全局作用域中被用在函数外部,从...

本文详细的介绍了javascript中的块级作用域、私有变量与模块模式,废话就不多说了,具体如下:

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); 
      } 
    } 
  } 
}(); 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。