javascript使用闭包模拟对象的私有属性和方法

最近因为做了一个项目，其中涉及到了js私有方法，这个概念在其语言里面是很常见的，很多语言都有private这个关键字，只要在一个类的前面加上private就表示申明了一个私有方法，但是javascript在面向对象的方面没有那么多的特征，他没有专门的private关键字，。要做到这一点就必须使用js自己的一些特性来变相的完成。

首先javascript里面有一个高级特性叫闭包，简单的说js的闭包可以理解成是一种现象或者特性，一般出现在两个函数嵌套的情况下，看例子：

function a(){
var eg = 1;
return function(){
alert(eg);
　　}
}
var c = a();

a函数里返回了一个函数，返回的函数被全局作用域下的c接受了，此时因为返回的函数调用了a函数里面的eg变量，并且被全局作用域下的变量c引用，此时下形成闭包，a函数的内存空间不会被收回，这个闭包的理解其实和js的垃圾回收机制有关，js的垃圾回收其实是靠引用来计算的，比如我们申明了一个函数，这个函数就会有一个引用指向他自己，当函数运行结束的时候销毁引用，js如果发现没有引用的函数就会销毁这个函数的内存空间，函数也就没有了。我们上面的例子中首先a函数运行，给eg赋值1，然后返回一个匿名函数，到此a函数运行完了，按照原有的理论，此时a函数应该被销毁，但是此时他返回了一个函数，这个函数被全局下的变量c引用，c是不会被销毁的，除非我们手动销毁，而且这个返回的函数引用了a函数的变量eg,js引擎会认为eg依然是有用的，因为他仍然在被使用，因此包含eg这个局部变量的函数a也不会被销毁。

闭包的理解可能不是一下讲的通的，这里其实还涉及到一个作用域的问题，我记得以前有人说返回的这个函数被c接收了，c是在全局作用下的，为什么调用c的时候会弹出a函数里面的eg,难道不应该是全局作用域下的eg吗？而且js的函数作用于是局部的，外部不能访问。其实这里有一个理论，记住就可以，js里的函数作用域取决于函数定义的位置，而不是函数调用的位置，也就是说，函数在什么地方定义的，他的作用域就决定了，不管他在什么地方调用，作用域都不会改变，返回的这个匿名函数是在a函数里面定义的，所以他的上级作用域就是这个a函数，而不是全局作用域。

这里要说的私有方法其实和闭包是有关系的，私有方法在其他语言里面是不被访问到的，除非有专门的接口，js的局部作用域里面的东西在正常情况下也是不能被外部访问到，但是上面例子显示了，通过闭包的方式可以访问到，这样我们就可以利用这个特性，看例子：

var book = (function(){
var page = 100;
return function(){
this.auther = 'dava';
this.price = 200;
this._page = function(){
alert(page);
}
}
})();

var a = new book();
a.auther//"dava"
a.price//  200
a.page//"wrong"
a._page()//  100

这里例子用了一个函数自动执行，一上来就执行了一个匿名函数，并且在匿名函数里面定义了一个局部变量page,然后又返回了一个匿名函数，并且被全局作用域下的book变量接收，此时使用new 调用book就会生成一个新对象a。其中auther属性和price属性可以直接通过对象访问，因为这些属性都是new的时候直接定义在返回的对象身上的,而page属性则没有，因此不能反回，但此时如果我想访问page属性，那就得依靠闭包了，返回的函数在外层的匿名函数里面，因此在返回的函数身上定义了一个方法叫_page，这个方法弹出了page属性，按照js作用域的关系，当前作用域找不到page，就会到上层作用域去寻找，这样就找到了。通过这种方式我们就把私有方法和公有方法区分开了。

赞 (0)

相关推荐

  • 深入理解javascript函数参数与闭包

    最近在学习javascript的函数,函数是javascript的一等对象,想要学好javascript,就必须深刻理解函数.本人把学习的过程整理成文章,一是为了加深自己函数的理解,二是给读者提供学习的途径,避免走弯路.内容有些多,但都是笔者对于函数的总结. 1.函数参数 1.1:参数是什么 1.2:参数的省略 1.3:参数默认值 1.4:参数传递方式 1.5:同名参数 1.6:arguments对象 2.闭包 2.1:闭包定义 2.2:立即调用的函数表达式(IIFE, Immediately

  • JavaScript 闭包详细介绍

    深入理解JavaScript--闭包 跟很多新手一样我也是初入前端,对闭包的理解花费的时间和精力相当的多.效果也还行,今天我就来根据自己的理解细致的讲一讲闭包,由于是初入学习的时候不免有一些弯路和困惑,我想信这也是很多跟我一样的人会同样遇到的问题.我就以自己的学习路径和遇到的各种坑来谈闭包.希望对各位有一定的帮助.(菜鸟,也请各位多多指教) 闭包是什么?<JavaScript高级程序设计>上面这么描述的:闭包是指有权访问另一个函数作用域中的变量的函数.这句话第一次看的时候模模糊糊,似是而非.碰

  • 一分钟理解js闭包

    一分钟理解js闭包

    什么是闭包? 先看一段代码: function a(){ var n = 0; function inc() { n++; console.log(n); } inc(); inc(); } a(); //控制台输出1,再输出2 简单吧.再来看一段代码: function a(){ var n = 0; this.inc = function () { n++; console.log(n); }; } var c = new a(); c.inc(); //控制台输出1 c.inc(); //

  • JavaScript闭包实例详解

    一.充电 1.一切(引用类型)都是对象,对象是属性的集合. 2.函数是一种对象,但是函数却不像数组一样--你可以说数组是对象的一种,因为数组就像是对象的一个子集一样.但是函数与对象之间,却不仅仅是一种包含和被包含的关系,函数和对象之间的关系比较复杂,甚至有一点鸡生蛋蛋生鸡的逻辑. function Fn() {this.name = '王福朋';this.year = 1988;} var fn1 = new Fn(); var obj = { a: 10, b: 20 };等价于var obj

  • 零基础轻松学JavaScript闭包

    零基础轻松学JavaScript闭包

    本文面向初学者,大神轻喷. 闭包是什么? 初学javascript的人,都会接触到一个东西叫做闭包,听起来感觉很高大上的.网上也有各种五花八门的解释,其实我个人感觉,没必要用太理论化的观念来看待闭包. 事实上,你每天都在用闭包,只是你不知道罢了. 比如: var cheese = '奶酪'; var test = function(){ alert(cheese); } OK,你已经写了一个闭包. 函数也是一个数据类型 变量 cheese 是在全局作用域中的一个变量,当你创建了一个 test 函

  • 浅谈JavaScript for循环 闭包

    有个网友问了个问题,如下的html,为什么每次输出都是5,而不是点击每个p,就alert出对应的1,2,3,4,5. <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>闭包演示</title> <script type="text/javascript&quo

  • js实现为a标签添加事件的方法(使用闭包循环)

    js实现为a标签添加事件的方法(使用闭包循环)

    本文实例讲述了js实现为a标签添加事件的方法.分享给大家供大家参考,具体如下: 以示例说明: 实现效果:循环为带有ml-praise样式类的a标签添加事件,并且在点击a标签后,相应的数量增加1. Html结构如下所示: <ul> <li><a href="javascript:;" class="ml-praise">数量:<span class="ding-num">100</span>

  • JavaScript中闭包的写法和作用详解

    1.什么是闭包 闭包是有权访问另一个函数作用域的变量的函数. 简单的说,Javascript允许使用内部函数---即函数定义和函数表达式位于另一个函数的函数体内.而且,这些内部函数可以访问它们所在的外部函数中声明的所有局部变量.参数和声明的其他内部函数.当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包. 2.变量的作用域 要理解闭包,首先要理解变量的作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变

  • JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)

    一.函数作用域 1.函数作用域 就是作用域在一个"Function"里,属于这个函数的全部变量都可以在整个函数的范围内使用及复用. function foo(a) { var b = 2; function bar() { // ... } var c = 3; } bar(); // 失败 console.log( a, b, c ); // 三个全都失败 上面的"foo"函数内的几个标识符,放到函数外面访问就都会报错. 2.立即执行函数表达式 在任意代码片段外部

  • 几句话带你理解JS中的this、闭包、原型链

    原型链 所有对象都是基于Object.prototype,Object.prototype就是JavaScript的根对象,在Object.prototype中定义的方法都可以被其它对象访问到,当然也可以被重写了,所以直接在Object.prototype上调用的是原始功能的toString()方法,该方法会放回参数对象的内置属性[[class]]的值,这个值是个字符串,比如'[Object String]' 要理解原型链机制的话,首先得知道根本原因:JavaScript中的对象都有一个内置属性

随机推荐