JavaScript中闭包实现的私有属性的getter()和setter()方法

注意:

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

<!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>
时间: 2024-10-18 07:45:20

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

ECMAScript5中的对象存取器属性:getter和setter

显然这是一个无关IE(高级IE除外)的话题,尽管如此,有兴趣的同学还是一起来认识一下ECMAScript5标准中getter和setter的实现.在一个对象中,操作其中的属性或方法,通常运用最多的就是读(引用)和写了,譬如说o.get,这就是一个读的操作,而o.set = 1则是一个写的操作.事实上在除ie外最新主流浏览器的实现中,任何一个对象的键值都可以被getter和setter方法所取代,这被称之为“存取器属性”. 毫无疑问,getter负责查询值,它不带任何参数,setter则负责设置键

vue_计算属性getter和setter方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <bod

javascript中闭包的原理与用法小结(转)

一.在javaScript中闭包的五种表现形式如下: 1 /** 2 * Created by admin on 2016/12/26. 3 *//* 4 //向函数对象添加属性 5 function Circle(r){ 6 this.r=r; 7 } 8 Circle.prototype.PI=3.1415926; 9 Circle.prototype.area=function(){ 10 return this.PI*this.r*this.r; 11 }; 12 var c=new C

第二话:javascript中闭包的理解

闭包是什么? 通过闭包,子函数得以访问父函数的上下文环境,即使父函数已经结束执行. OK,我来简单叙述下,先上图. 都知道函数是javascript整个世界,对象是函数,方法是函数,并且js中实质性的面向对象相关也都是函数来实现和延伸,例如:"类". window:是指js中window类,也是js最高一层,因为什么这么说,因为你所有创建的方法和属性其实都在window之内.window中的所有方法,在自己创建的方法中都可以调到.可以仔细想想alert,在任何地方都可以alert,其实

javascript中闭包最简单的简绍

javascript中闭包是什么 JavaScript 变量可以是局部变量或全局变量.私有变量可以用到闭包.闭包就是将函数内部和函数外部连接起来的一座桥梁. 函数的闭包使用场景:比如我们想要一个函数来执行计数功能. 如果设计全局变量 1 var counter=0; 2 function add(){ 3 4 return counter++;} // add(); 在浏览器调用 add();//值为2 问题是如何当我们设计另外一个方法时用到需要counter这个变量,我们在进行修改无疑会改变c

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

JavaScript中四种不同的属性检测方式比较 1. 用in方法 var o = {x:1}; "x" in o; //true "y" in o; //false "toString" in o; //true,继承属性可以被检测到 "toString" in Object.prototype; //true,不可枚举的属性可以被检测到 2. hasOwnProperty()方法 var o = {x:1}; o.hasO

JavaScript中闭包之浅析解读

JavaScript中的闭包真心是一个老生常谈的问题了,最近面试也是一直问到,我自己的表述能力又不能完全支撑起来,真是抓狂.在回来的路上,我突然想到了一个很简单的事情,其实我们在做项目时候,其实就经常用到闭包的,可是面试问的时候,回答又往往是我们经常搜到的答案,唉 不管是应付面试 还是真的想学点东西 ,我也用自己的理解跟大家分享一下,书面化就避免不了了的. 1.闭包是什么? 红宝书中曰:“是指有权访问另外一个函数作用域中的变量的函数.” 简单的说,JavaScript允许使用内部函数---即函数

javascript中闭包的工作原理

一.什么是闭包? 官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分.相信很少有人能直接看懂这句话,因为他描述的太学术.其实这句话通俗的来说就是:JavaScript中所有的function都是一个闭包.不过一般来说,嵌套的function所产生的闭包更为强大,也是大部分时候我们所谓的“闭包”.看下面这段代码: 1 2 3 4 5 6 7 function a() { var i = 0; function b() { ale

Javascript中 闭包问题

学习Javascript闭包(Closure)闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现.下面就是我的学习笔记,对于Javascript初学者应该是很有用的.一.变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域.变量的作用域无非就是两种:全局变量和局部变量.Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. var n=999; function f1(){ alert(n); } f1()