• 浅析Javascript闭包的特性


    Javascript闭包的定义非常晦涩——闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义(或创建)时的值(深连结)。

    简单来说,Javascript闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量(键值对),而这些键值对是不会随上一级函数 的执行完成而销毁。周爱民说得更清楚,闭包就是“属性表”,闭包就是一个数据块,闭包就是一个存放着“Name=Value”的对照表。就这么简单。但 是,必须强调,闭包是运行期概念,一个函数实例。

    Javascript闭包的实现,通常是在函数内部再定义函数,让该内部函数使用上一级函数的变量或全局变量。

    ECMAScript认为使用全局变量是一个简单的Javascript闭包实例。

        var sMessage = "Hello World";   
        function sayHelloWorld(){   
           alert(sMessage);   
        };   
        sayHelloWorld(); 

    但它完全没有体现Javascript闭包的特性……

    现在比较让人认同的Javascript闭包实现有如下三种

    with(obj){
        //这里是对象闭包
        }
    (function(){
        //函数闭包
        })()
    try{
    //...
    } catch(e) {
    //catch闭包 但IE里不行
    }

    几个有用的示例

    //*************闭包uniqueID*************
    uniqueID = (function(){ //这个函数的调用对象保存值
        var id = 0; //这是私有恒久的那个值
        //外层函数返回一个有权访问恒久值的嵌套的函数
        //那就是我们保存在变量uniqueID里的嵌套函数.
        return function(){return id++;};  //返回,自加.
    })(); //在定义后调用外层函数.
    document.writeln(uniqueID()); //0
    document.writeln(uniqueID()); //1
    document.writeln(uniqueID()); //2
    document.writeln(uniqueID()); //3
    document.writeln(uniqueID()); //4
    //*************闭包阶乘*************
    var a = (function(n){
        if(n<1){ alert("invalid arguments"); return 0; }
        if(n==1){ return 1; }
        else{ return n * arguments.callee(n-1); }
    })(4);
    document.writeln(a);
    function User( properties ) {   
        //这里一定要声明一个变量来指向当前的instance   
        var objthis = this;   
        for ( var i in properties ) {   
            (function(){   
                    //在闭包内,t每次都是新的,而 properties[i] 的值是for里面的   
                    var t = properties[i];   
                    objthis[ "get" + i ] = function() {return t;};   
                    objthis[ "set" + i ] = function(val) {t = val;};   
            })();    
        }   
    }   
         
    //测试代码   
    var user = new User({   
        name: "Bob",   
        age: 44   
    });   
         
    alert( user.getname());   
    alert( user.getage());   
         
    user.setname("Mike");   
    alert( user.getname());   
    alert( user.getage());   
         
    user.setage( 22 );   
    alert( user.getname());   
    alert( user.getage());   
  • 相关阅读:
    第01组 Beta冲刺(4-5)
    第01组 Beta冲刺(3-5)
    第01组 Beta冲刺(2-5)
    第01组 Beta冲刺(1-5)
    等价类划分-一个程序输入三个整数,判断三角形是不等边,还是等腰还是等边
    Jmeter入门(8)- Jmeter关联
    Jmeter发送数据库请求(JDBC Request)报错
    Jmeter入门(7)- 连接数据库
    Jmeter入门(6)- 参数化
    Jmeter入门(5)- jmeter取样器的HTTP请求
  • 原文地址:https://www.cnblogs.com/baiduomai/p/2726237.html
Copyright © 2020-2023  润新知