注意：

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

<!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. kafka 0.10.2 解决java无法生产消息到指定topic问题

    主要是修改server.properties的advertised.listeners advertised.listeners=PLAINTEXT://192.168.59.132:9092

  2. RPM安装软件

    RMP:rpm命令详解.注意事项.rpm仓库.安装实例.srpm:源码rpm RPM Package Manager 由Red Hat公司提出,被众多Linux发行版所采用: 建立统一的数据库文件,详 ...

  3. 黑马程序员：3分钟带你读懂C/C++学习路线

    随着互联网及互联网+深入蓬勃的发展,经过40余年的时间洗礼,C/C++俨然已成为一门贵族语言,出色的性能使之成为高级语言中的性能王者.而在今天,它又扮演着什么样重要的角色呢?请往下看: 后端服务器,移 ...

  4. SonarQube Scanner的配置与使用简介

    一．下载 下载地址: https://sonarsource.bintray.com/Distribution/sonar-scanner-cli/sonar-scanner-cli-3.0.3.77 ...

  5. linux 系统备份日志

    题目: 备份日志 小明是一个服务器管理员,他需要每天备份论坛数据(这里我们用日志替代),备份当天的日志并删除之前的日志.而且备份之后文件名是年-月-日的格式.alternatives.log在/var ...

  6. Qt自定义标签按钮

    当你接触到Qt时,你会为它极为方便的跨平台方面感到吃惊,从而想尝试着使用Qt.渐渐地你会发现Qt自带的一些控件不能满足自己的需要,此时就需要我们自己定义一个属于自己的控件.总所周知,标签的风格设置类比 ...

  7. 奇妙的 CSS shapes(CSS图形)

    CSS 发展到今天已经越来越强大了.其语法的日新月异,让很多以前完成不了的事情,现在可以非常轻松的做到.今天就向大家介绍几个比较新的强大的 CSS 功能: clip-path shape-outsid ...

  8. hadoop伪分布式集群搭建与安装（ubuntu系统）

    1:Vmware虚拟软件里面安装好Ubuntu操作系统之后使用ifconfig命令查看一下ip; 2:使用Xsheel软件远程链接自己的虚拟机,方便操作.输入自己ubuntu操作系统的账号密码之后就链 ...

  9. ASP.NET MVC5+EF6+EasyUI 后台管理系统（84）-Quartz 作业调度用法详解一

    前言 我从Quartz2.0开始使用,并对其进行了封装了界面,可以参考 http://www.cnblogs.com/ymnets/p/5065154.html 最近拿出来进行了优化,并升级到最新版, ...

  10. CoreLocation 框架

    获取设备的地理位置和方向 一.概述 CoreLocation框架,它提供了如下几种服务 确定设备的地理位置 高度 方向 或到附近 iBeacon 的相对位置. 这个框架使用所有可用的车载硬件.如 Wi ...