注意：

以下的输出都在浏览器的控制台中

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>闭包</title>

</head>

<body>

<script type="text/javascript">

/**

 * 利用闭包实现

 * 这个函数给对象o增加了属性存储器方法

 * 方法名称为get<name>和set<name>。如果提供了一个判断函数

 * setter方法就会用它来检测参数的合法性，然后再存储它

 * 如果判定函数返回false,setter方法就会抛出一个异常

 *

 * 这个函数具有getter和setter函数

 * 所操作的属性值并没有存储在对象o中

 * 想反，这个值仅仅是保存在函数中的局部变量中

 * getter和setter方法同样是局部函数，因此可以访问这个局部变量

 * 也就是说，对两个存取器方法来设置或或修改这个值

 */

function addPrivateProperty(o,name,predicate) {

    var value;//这是一个属性值

    //getter方法简单地将其返回

    o['get'+name] = function(){return value;};

    //setter方法首先检查值示范合法，若不合法就会抛出异常

    //否则就将其存储起来

    o['set'+name] = function(v){

        if(predicate && !predicate(v))

            throw Error('set'+name+": invalid value "+v);

        else

            value = v;

    };

}

//想的代码展示addPrivateProperty()方法

var o = {};//设置一个空对象

//增加属性存储器方法getName（）和setName（）

//确保只语序字符串值

addPrivateProperty(o,"Name",function(x){return typeof x==="string";});

o.setName("Frank");            //设置属性值

console.log(o.getName());    //获取属性值

try{

    o.setName(0);            //设置一个非字符值，会抛出一个错误 (由throw语句抛出)

}catch(e){

    console.log("属性值设置出错"); //上面抛出的错误在这里的到处理

}

</script>

</body>

</html>
//第二部分代码：

//非共享闭包测试

function constfunc(v){

    return function(){            //返回一个匿名数组

        return v;                //返回才外部变量 v，

    };

}

var funcs = [];

for(var i=0; i<10;i++)

    funcs[i] = constfunc(i);    

for(i=0;i<funcs.length;i++)

    console.log(funcs[i]());    //在funcs数组中保存的是匿名函数，可通过保存函数的变量后加"()"来执行匿名函数，
　　　　　　　　　　　　　　　　　　 //获取匿名函数中的v的值

//输出：0 1 2 3 4 5 6 7 8 9        由于每次i的值被constfunc函数中的v所存储，注意是每次循环都是重新调用，因而能存到不同的内存空间

//共享闭包测试

function constfunc2(){

    var funcs = [];

    for(var i=0; i<10;i++)

        funcs[i] = function(){ return i;};

    return funcs;

}

var funcs = constfunc2();

console.log(funcs[0]());

console.log(funcs[3]());

console.log(funcs[7]());

console.log(funcs[9]());

//输出： 10 10 10 10        
//原因：
//由于这个i在同一次函数调用中，同一个变量中（内存地址不变），
//所以当循环执行完i的值为10，在console.log()中的调用每次得到的都是同一个地址上的值，也就是10；

JavaScript中闭包实现的私有属性的getter()和setter()方法的更多相关文章

  1. [转载]Python使用@property装饰器--getter和setter方法变成属性

    原贴:为什么Python不需要getter和setter getter 和 setter在java中被广泛使用.一个好的java编程准则为:将所有属性设置为私有的,同时为属性写getter和sette ...

  2. 字段是字段，属性是属性，字段不是属性，属性看getter或setter

    1.看图猜字段和属性 2.结果是一个属性[字段麻,太明目张胆啦,就是2啦],又是哪个属性能够显示出来呢? 3.这是为什么呢? 让我们回到javabean的课堂~~~ ★ javaBean中的prope ...

  3. 在Javascript中闭包（Closure)

    在Javascript中闭包(Closure) 什么是闭包 “官方”的解释是:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. ...

  4. javascript中闭包最简单的简绍

    javascript中闭包是什么 JavaScript 变量可以是局部变量或全局变量.私有变量可以用到闭包.闭包就是将函数内部和函数外部连接起来的一座桥梁. 函数的闭包使用场景:比如我们想要一个函数来 ...

  5. JavaScript中易混淆的DOM属性及方法对比

    JavaScript中易混淆的DOM属性及方法对比 ParentNode.children VS Node.prototype.childNodes ParentNode.children:该属性继承 ...

  6. 在JavaScript中闭包的作用和简单的用法

    在JavaScript中闭包的作用和简单的用法 一.闭包的简介 作用域链:在js中只有函数有作用域的概念,由于函数内能访问函数外部的数据,而函数外部不能访问函数内部的数据,由上述形成一种作用域访问的链 ...

  7. JavaScript中四种不同的属性检测方式比较

    JavaScript中四种不同的属性检测方式比较 1. 用in方法 var o = {x:1}; "x" in o; //true "y" in o; //fa ...

  8. 使用 JavaScript 中的 document 对象的属性，根据下拉框中选择的属性，更改页面中的字体颜色和背景颜色

    查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色 实现思路: 在页面的 <body&g ...

  9. 对象存取器属性：getter和setter

    在一个对象中,操作其中的属性或方法,通常运用最多的就是读(引用)和写了,譬如说o.a,这就是一个读的操作,而o.b = 1则是一个写的操作.事实上在除ie外最新主流浏览器的实现中,任何一个对象的键值都 ...

随机推荐

  1. CCNA毕业测试

    要求: 1:不同楼层物理隔离,但逻辑相连 2:相同楼层物理相连,但逻辑隔离 3:主机可以动态获取IP地址 4:不同VLAN间可以进行通信 5:主机最终访问www.baidu.com弹出Congratu ...

  2. C#码农的大数据之路 - 使用Azure Management API创建HDInsight集群

    Azure平台提供了几乎全线产品的API,可以使用第三方工具来进行管理.对于.NET更是提供封装好了的库方便使用C#等语言实现Azure的管理. 我们使用创建HDInsight集群为例来介绍使用C#管 ...

  3. Asp.Net Core写个共享磁盘文件Web查看器

    本篇和大家分享的是一个磁盘文件查看系统,严格来说是使用NetCore写的一个Web系统应用,由于NetCore跨平台特性,我生成了exe的运行包,只需要配置运行电脑ip+端口,即可在浏览器中通过IP+ ...

  4. Java之FilenameFilter接口

    FilenameFilter接口:是用于过滤文件的 要实现的是accept方法 实例代码: 1,匿名类实现FilenameFilter-–过滤指定类型文件 package File类过滤器; impo ...

  5. mysql安装报错

    一: -- MySQL 5.5.22Warning: Bison executable not found in PATH-- Configuring done-- Generating done-- ...

  6. 《物联网框架ServerSuperIO教程》-19.设备驱动和OPC Client支持mysql、oracle、sqlite、sqlserver的持久化。v3.6.4版本发布

    19．设备驱动和OPC Client支持mysql.oracle.sqlite.sqlserver的持久化 19.1     概述 ServerSuperIO支持设备驱动和OPC Client采集的数 ...

  7. Thrift总结(一)介绍

    这段时间,一直在整理公司的内部 rpc 服务接口,面临的一个问题就是:由于公司内部的系统由几个不同的语言编写的.C# ,java,node.js 等,如何实现这些内部系统之间的接口统一调用,确实是比较 ...

  8. Akka（6）： become/unbecome：运算行为切换

    通过一段时间的学习了解,加深了一些对Akka的认识,特别是对于Akka在实际编程中的用途方面.我的想法,或者我希望利用Akka来达到的目的是这样的:作为传统方式编程的老兵,我们已经习惯了直线流程方式一 ...

  9. yum安装phpmyadmin小问题

    在CentOS6上面安装phpmyadmin前,加入repo: rpm --import http://dag.wieers.com/rpm/packages/RPM-GPG-KEY.dag.txt ...

  10. Copy_on_write的简单实现

    Copy_on_write即写时复制,它的原理是通过引用计数来实现的. 即在分配空间时多分配额外的空间,用来记录有多少个指针指向该空间.当有新的指针指向该空间,引用计数则加一,当要释放该空间时,引用计 ...