手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >深入理解JavaScript中的块级作用域、私有变量与模块模式
深入理解JavaScript中的块级作用域、私有变量与模块模式
摘要:本文详细的介绍了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); } } } }();

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

【深入理解JavaScript中的块级作用域、私有变量与模块模式】相关文章:

JavaScript中Cookies的相关使用教程

详解JavaScript中void语句的使用

浅析JavaScript作用域链、执行上下文与闭包

JavaScript中length属性的使用方法

灵活的理解JavaScript中的this指向

在JavaScript中使用JSON数据

JavaScript中fixed()方法的使用简介

JavaScript中的Math.E属性使用详解

关于JavaScript作用域你想知道的一切

理解javascript定时器中的单线程

精品推荐
分类导航