注意：

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

<!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. 从SonarQube谈设计模式

    SonarQube SonarQube是用来检测代码质量的,但类似工具的推广常常遇到阻碍. 成型项目或僵尸项目可以理解,项目优化需要投入的人力成本和时间成本太大,而且最主要的是无法保证改动过程中不引入 ...

  2. IIS无法启动，应用程序池自动关闭，应用程序池XXXX将被自动禁用 解决方案之一

    最近,新任职的公司有一台测试服务(Windows Server 2008 R2 + IIS6.1)器因突然停电,造成了意外“损伤”.来电后再次开机,发现IIS里大部分的网站均打不开.均为如下(图01) ...

  3. cas4.2.7 取消https

    cas.properties 修改两个地方 # Decides whether SSO cookie should be created only under secure connections. ...

  4. Java 9 揭秘（3. 创建你的第一个模块）

    文 by / 林本托 Tips 做一个终身学习的人. 在这个章节中,主要介绍以下内容: 如何编写模块化的Java程序 如何编译模块化程序 如何将模块的项目打包成模块化的JAR文件 如何运行模块化程序 ...

  5. MVC4加载zTree树小控件

    前言: 第一次学习使用MVC框架,找了个练手项目,加载zTree树小控件.下面我就一步步说明我这次练手的经历以记录.如果有什么错误,希望各位大神帮忙指正,谢谢. 第一步: 利用VS2010新建一个MV ...

  6. Azure 基础：Table storage

    Azure Storage 是微软 Azure 云提供的云端存储解决方案,当前支持的存储类型有 Blob.Queue.File 和 Table.其中的 Table 就是本文的主角 Azure Tabl ...

  7. 第4章 ext文件系统机制

    本文目录: 4.1 文件系统的组成部分 4.2 文件系统的完整结构 4.3 Data Block 4.4 inode基础知识 4.5 inode深入 4.6 单文件系统中文件操作的原理 4.7 多文件 ...

  8. RELabel ： 一个极简的正则表达式匹配和展示框架

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,bi ...

  9. linux 下用renameTo方法修改java web项目中文件夹名称问题

    经测试,在Linux环境中安装tomcat,然后启动其中的项目,在项目中使用java.io.File.renameTo(File dest)方法可行. 之前在本地运行代码可以修改,然后传到Linux服 ...

  10. 东北育才 DAY2组合数取mod (comb)

    组合数取模(comb) [问题描述] 计算C(m,n)mod 9901的值 [输入格式] 从文件comb.in中输入数据. 输入的第一行包含两个整数,m和n [输出格式] 输出到文件comb.out中 ...