`
zhb8015
  • 浏览: 400015 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
Group-logo
Spring Roo杂谈
浏览量:0
社区版块
存档分类
最新评论

Javascript之匿名函数(私有变量)(转)

阅读更多

 

严格来讲,JavaScript中没有私有成员的概念;所哟对象属性都是公开的。不过,有一个私有变量的概念。任何在函数中定义的变量,都可以认为是私有变量,因为不能在函数的外部访问这些变量。私有变量包括函数的参数、局部变量和函数内定义的其他函数。如:
 
1
2
3
4
function add(num1,num2){
   var sum=num1+num2;
   return sum; 
}

在这个函数内部,有3个私有变量:num1、num2和sum。如果在这个函数内部创建一个闭包,那么闭包通过自己的作用域链也可以访问这些变量,利用这一点,就可以创建用于访问私有变量的公用方法。

我们把有权访问私有变量和私有函数的公有方法叫做特权方法

1.构造函数定义法

有两种在对象上创建特权方法的方式。第一种是在构造函数中定义特权方法,基本模式如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function myobject(){
  
     //私有属性和私有函数
     var privateVariable=10;
      
    function privatevateFunction(){
        return false;
    }
      
    //特权方法
     this.publicMethod=function(){
        privateVariable++;
        return privatevateFunction();
    };
}

这个模式在函数内部定义了所有私有变量和函数。然后,又继续创建了能够访问这些私有成员的特权方法。能够在构造函数中定义特权方法,是因为特权方法作为闭包有权访问在构造函数中的所有变量和函数。

利用私有和特权方法,可以隐藏那些不该被直接修改的数据,例如:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function Persom(name){
      
    this.getName=function(){
       return name;
    };
  
    this.setName=function(value){
       name=value;
    };
}
  
var person=new Person("zxj");
alert(person.getName());    //zxj
person.setName("Greg");
alert(person.getName());    //Greg

在以上构造函数中定义了两个特权方法:getName()和setName()。这两个方法都可以在函数外部使用,而且都有权访问私有变量name。

构造函数定义法,也是构造函数,构造函数有的缺点,它同样也存在。

2.静态私有变量

通过在私有作用域中定义私有变量或函数,同样也可以创建特权方法,基本模式如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
(function(){
     
      //私有变量和私有函数
      var privateVariable=10;
      function privareFunction(){
         return false;
      };
         
      //构造函数
       MyObject=function(){
      };
  
      //公有/特权方法
       MyObject.prototype.publicMethod=function(){
          privateVariable++;
          privareFunction();
      };
  }
)()

这 个模式创建了一个私有作用域,并在其中封装了一个构造函数级相应的方法。在私有作用域中,首先定义了私有变量和私有函数,然后定义了一个构造函数及其公有 方法。公有方法是在原型上定义的,这一点体现了典型的原型模式。需要注意的是,这个模式在定义构造函数是并没有使用函数声明,而是使用的函数表达式。函数 声明只能创建局部函数,出于相同原因,在声明MyObject时也没使用var.记住:初始化未经声明的变量,总会创建一个全局变量。因此,MyObject就成了全局变量,能够在私有作用域之外被访问。

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
(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("zxj");
alert(person1.getName());   //"zxj"
person1.setName("Greg");
alert(person1.getName());   //"Greg"
                     
var person2 = new Person("Michael");
alert(person1.getName());   //"Michael"
alert(person2.getName());   //"Michael"

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

3.模块模式

前面模式用于自定义类型创建私有变量和特权方法。

模块模式是为单例创建私有变量和特权方法,单例就是指,只有一个实例的对象。

JavaScript是以对象字面量的方式创建单例对象的。

1
2
3
4
5
6
var singlton={
    name:value,
    method:function{
       //这是方法的代码
   }
}

模块模式通过单例添加私有变量和特权放哪广发能够使其得到增强,基本形式如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var singlton=function{  
      
     //私有变量和私有函数  
     var privateVaiable=10;  
    function privateMethod(){  
        return false;  
    };  
    //公有/特权方法  
    return {  
      publicProperty:true,  
      piblicMethod:function(){  
         privateVaiable++;  
         return privateMethod();  
        }  
    }  
}();

这 个模块使用了一个返回对象的匿名函数。在这个匿名函数内部,首先定义了私有变量和函数。然后,将一个对象字面量作为函数的值返回。返回的对象字面量中只包 含可以公开的属性和方法。由于这个对象是在匿名函数内部定义的,因此它的公有方法有权访问私有变量和函数。从本质上讲,这个对象字面量定义的是单例的公共 接口。这种模式在需要对单例进行某些初始化,同时有需要维持其私有变量时是非常有用的,如

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
function BaseComponent(){
}
  
function OtherComponent(){
}
  
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);
            }
        }
    };
}();
  
application.registerComponent(new OtherComponent());
alert(application.getComponentCount());  //2

这 个简单的例子创建了一个用于管理组件的application对象。在创建这个对象的过程中,首先声明了一个私有的components数组,并向数组中 添加一个BaseComponent的新实例(这里不需要关心BaseComponent的代码,我们只是用他来展示初始化操作)。而返回对象的 getComponentCount()和registerComponent ()方法,都有权访问数组components的特权方法。前者只是发那 个会已注册的组件数目,后则用于注册新组件。

一这种模式创建的每一个单例都是Object的实例,因为最终要通过一个对象字面量来表示它。单例通常都是作为全局对象存在的。

4.增强的模块模式

增强的模块模式适合那些单例必须是某种类型的实例,同时还必须添加某些属性或(和)方法对齐加以增强的情况。如下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var singlton=function{  
      
     //私有变量和私有函数  
     var privateVaiable=10;  
    function privateMethod(){  
        return false;  
    };  
    //创建对象
    var object=new CustomType();    
  
    //公有/特权方法  
    object.publicProperty=true;
  
    object.piblicMethod=function(){
         privateVaiable++;  
         return privateMethod();  
    };
    //返回这个对象
    return object;
}();

如果前面演示模块模式的例子中的application对象必须是BaseComponent的实例,我们可以使用一下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
function BaseComponent(){
}
  
function OtherComponent(){
}
  
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;
}();
  
alert(application instanceof BaseComponent);
application.registerComponent(new OtherComponent());
alert(application.getComponentCou
分享到:
评论

相关推荐

    深入研究JavaScript的匿名函数.doc

    在jQuery中,经常可以看到匿名函数的使用,尤其是在初始化代码或插件中,通过IIFE来封装代码,确保私有变量和方法不会泄露到全局作用域。例如: ```javascript (function($){ // 具体的jQuery代码 })(jQuery); ```...

    JavaScript 匿名函数和闭包介绍

    在讨论JavaScript编程语言时,匿名函数和闭包是两个重要的概念,它们在函数式编程和模块化代码设计中扮演着核心角色。匿名函数是没有具体名称的函数,它们可以是独立的,也可以是表达式的一部分,通常用于定义临时...

    javascript笔记之匿名函数和闭包

    JavaScript中的匿名函数和闭包是两个非常重要的概念,它们在函数式编程和模块化开发中起着关键作用。 首先,让我们来理解匿名函数。匿名函数,顾名思义,是没有名称的函数。在JavaScript中,我们可以直接定义一个不...

    JavaScript中匿名函数的用法及优缺点详解_.docx

    - 模块化:通过匿名函数,配合var关键字,可以创建私有作用域,避免全局变量污染,如YUI和其他JavaScript库中广泛使用。 - 防止命名冲突:在多个脚本共存的页面中,匿名函数可以降低变量命名冲突的风险。 - 函数...

    匿名函数的一点知识

    ### 知识点:匿名函数在JavaScript中的应用与特性 #### 标题解析:“匿名函数的一点知识” 标题“匿名函数的一点知识”简洁明了地指出本文将围绕JavaScript中的匿名函数进行讲解,旨在帮助读者深入理解匿名函数的...

    javascript 闭包、匿名函数、作用域链

    JavaScript中的闭包、匿名函数和作用域链是编程中至关重要的概念,它们是理解JavaScript运行机制的关键。在本文中,我们将深入探讨这三个概念,并通过实际示例来展示它们的运用。 首先,我们来讨论“闭包”。闭包是...

    (转载)JavaScript中匿名函数,函数直接量和闭包.docx

    闭包通常与匿名函数结合使用,创建私有的变量和方法。以下是一个简单的闭包示例: ```javascript var counter = (function() { var count = 0; return function() { return count++; }; })(); console.log...

    javascript笔记之匿名函数和闭包.docx

    总的来说,JavaScript中的匿名函数和闭包是强大的工具,它们可以帮助我们创建私有变量、实现模块化和数据封装,以及在异步编程中起到重要作用。理解并熟练运用这些概念对于任何JavaScript开发者来说都是至关重要的。

    js中匿名函数的创建与调用方法分析.docx

    **闭包的一个常见应用场景**是使用匿名函数来创建私有变量。例如: ```javascript (function() { var privateVar = "私有变量"; window.getPrivateVar = function() { return privateVar; }; })(); console.log...

    JS匿名函数、闭包

    **匿名函数**,又称**拉姆达函数**,是一种在JavaScript中常见的函数形式,这类函数没有名称,因此不能像命名函数那样通过名称来调用。匿名函数通常作为临时使用的函数,在需要的地方直接定义并执行。 ##### 特点:...

    JavaScript闭包函数访问外部变量的方法

    它可以用于模块化编程、数据封装、创建私有变量、实现回调函数等场景。掌握闭包的正确使用方式,对于编写高效、可维护的代码非常重要。需要注意的是,闭包虽然功能强大,但也会导致一些性能问题,例如过多的闭包可能...

    Javascript自执行匿名函数(function() { })()的原理浅析_.docx

    2. **闭包的创建**:自执行匿名函数经常与闭包结合使用,以创建私有变量和方法,提高代码的安全性和封装性。 3. **即时执行的功能**:例如在某些场景下需要立即执行一段代码进行初始化设置等操作时,自执行匿名函数...

    javascript_函数大全

    这种特性使得函数能够成为高阶函数的基础,支持诸如匿名函数、回调函数、自调用函数等高级概念。 #### 高级函数概念 - **匿名函数**:没有名称的函数,常用于立即执行的表达式或作为参数传递。 - **回调函数**:...

    JavaScript中匿名函数的用法及优缺点详解

    1. **模块化**:匿名函数可以创建私有作用域,保护内部变量不被外部访问,如: ```javascript var myModule = (function() { var privateVar = 0; return { publicMethod: function() { privateVar++; ...

    js代码-函数表达式 闭包 私有变量

    函数表达式通常分为匿名函数表达式和命名函数表达式。例如: ```javascript var myFunction = function() { // 函数体 }; ``` 或者 ```javascript var myFunction = function namedFunction() { // 函数体 }; `...

    Javascript中匿名函数的调用与写法实例详解(多种)

    JavaScript中的匿名函数是一种没有名称的函数,通常用于一次性执行或者作为其他表达式的一部分。它们在JavaScript编程中扮演着重要角色,特别是在回调、闭包和模块化等场景中。以下是各种匿名函数的调用与写法的详细...

    详谈JavaScript 匿名函数及闭包

    匿名函数的一个主要应用是创建闭包,以此来创建私有变量和方法。在示例三中,我们创建了一个名为`oEvent`的对象,通过闭包将`addEvent`和`removeEvent`这两个内部函数暴露给外部使用,但它们的变量仍然保留在私有...

    JavaScript 匿名函数(anonymous function)与闭包(closure)

    匿名函数 闭包 变量作用域 函数外部访问函数内部的局部变量 用闭包实现私有成员 引入 闭包是用匿名函数来实现。闭包就是一个受到保护的变量空间,由内嵌函数生成。“保护变量”的思想在几乎所有的编程语言中都...

Global site tag (gtag.js) - Google Analytics