注意：

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

<!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. 关于饿了么在浏览器标签页失去焦点时网页Title改变的实现方法

    说在前面:必须是基于支持H5的浏览器才可以 这个 API 本身非常简单,由以下三部分组成. document.hidden:表示页面是否隐藏的布尔值.页面隐藏包括 页面在后台标签页中 或者 浏览器最小 ...

  2. Java常用集合体系以及相互区别

    Collection集合特点: 1.2.1一些 collection 允许有重复的元素,而另一些则不允许 1.2.2一些 collection 是有序的,而另一些则是无序的 [有序是指与添加的顺序一致 ...

  3. 在eclipse中输入.后提示解决

    1.调用系统自带的提示: 如果在eclipse中输入.后没有提示对应对象的属性和方法帮助列表,可以进行以下设置就可以了 eclipse -> Window-> Preferences-&g ...

  4. Gradle入门学习---认识buildeTypes和dependencies

    Gradle是Android Studio默认的构建工具,如果是基本的APP开发,不会涉及到Gradle太多内容,毕竟它的诞生就不是专为Android服务的. 日常开发需要涉及到使用Gradle的场景 ...

  5. div,css命名规范！

    命名规则说明: 1).所有的命名最好都小写 2).属性的值一定要用双引号("")括起来,且一定要有值如class="pcss5",id="pcss5& ...

  6. Linux安装JDK完整步骤

    1.检查一下系统中的jdk版本 [root@localhost software]# java -version 显示: openjdk version "1.8.0_102" O ...

  7. 《物联网框架ServerSuperIO教程》-21.终端控制传感器或设备，形成回路控制。附：demo源代码

    21.1     概述 ServerSuperIO以前所做的工作逐步为形成回路控制或级联控制打下基础,例如:服务连接器和设备驱动连接器的开发与应用.总之,是通过多种形式下发命令控制设备(驱动)或传感器 ...

  8. CI 数据库使用积累

    CI 数据库使用积累 一.      or_like使用 情景:WMS库存列表过滤器通过产品名称或者SKU查询. 通常此情况采用CI框架提供的or_like语句,如 $this->db-> ...

  9. JS事件及其兼容用法

    JavaScript与HTML之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间. 1.事件流:描述的是从页面中接收事件的顺序. IE提出的事件冒泡流:事件开始由最具体的 ...

  10. js实现点击copy，可兼容

    在实现功能时写的一个小demo,可以实现点击复制内容(任何你需要copy的文字内容data). 经测试,可兼容 chrome, edge, firefox, ie, opera, safari,至于版 ...