文档章节

javascript对象---11 闭包

奋斗的小芋头
 奋斗的小芋头
发布于 2016/11/28 19:23
字数 565
阅读 28
收藏 2

一、目的

1.闭包(closure) : 闭包的目的是 读取 其他函数内部变量,由于正常函数执行后都会进行弹栈,从而不再保存临时变量,因此闭包 会使函数的临时变量永久的保存在内存中。

定义一个函数,函数内容执行过程,会把函数中变量放在堆内存,或栈内存中,一旦整个函数执行结束,栈内存弹出,堆内存等待垃圾回收,执行后无法访问临时变量,而闭包可以访问临时变量,

2.通过内部函数才能访问函数的变量,因此所有闭包的实现方式都是通过内部函数的方式实现。

目的:读取当前函数在执行过程中的临时变量的值

3.闭包会导致函数执行过程中内存不会释放,要注意使用场景与频繁程度。

 

获取函数临时变量的值

1. 用返回 return

<script>
            function fun(){
                var obj = {
                    name :"zhangsan"
                }
                return obj;
            }
            var a = fun();
            console.log(a);
</script>

2.  定义一个全局函数

function fun(){
                var obj = {
                    name :"zhangsan"
                };
                
        //此时inner相当于全局函数,相当于在window里面加了一个inner属性,
        //inner属性对应的值为 function, 返回当前临时变量obj
                inner = function (){ 
                    return obj;
                }
                
            }; //fun()
            //第一步要先调用 fun()
            fun();     //已经加载 全局函数 inner()到 window环境;
            var ob =inner();
            console.log(ob.name);

通过在函数体内设置一个 全局function 获取函数内临时变量的值---全局变量函数,对局部变量对象 obj进行了引用,js识别 obj 被占用-----就不会弹栈,所以每次执行inner时可以访问,------但造成obj不弹栈--不知道什么时候会调用,造成内存浪费

3.定义一个内部函数,并返回

function fun(){
				var obj = {
					name :"zhangsan"
				};
		
				
				//对于当前内部函数来说 ret有访问内部对象的权利
				function ret(){
					return obj;
				}
				return ret ; // ret没加()代表当前返回的是函数对象
				
			};
			
			
			var ret = fun();  //ret本身是一个函数
			var obj = ret();
			console.log(obj)

通过内部函数返回,ret()方法内访问obj对象,

var ret = fun();   //引用了 ret所以 ret 不会出栈
 var obj = ret();

 

 

 

© 著作权归作者所有

共有 人打赏支持
奋斗的小芋头
粉丝 1
博文 161
码字总数 129345
作品 0
大连
私信 提问
javascript深入理解js闭包

一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量...

Yamazaki
2012/06/15
0
0
JavaScript 语言基础知识点总结(思维导图)

(1)javascript 数组 (2)函数基础 (3)运算符 (4)流程语句 (5)正则表达式 (6)字符串函数 (7)数据类型 (8)变量 (9)window 对象 (10)DOM基本操作 (11)一图知晓整个Javascr...

大数据之路
2012/11/26
0
2
JavaScript面试大全(二)

eval()是做什么的? [eval()是“魔鬼”][1] null,undefined 的区别? [来看看大神阮一峰的解释吧][2] 写一个通用的事件侦听器函数。 [JS事件监听器][3] Node.js的适用场景? [NodeJS优缺点及...

百变茄
2014/06/05
0
0
每个JavaScript工程师都应懂的33个概念

摘要: 基础很重要啊! 原文:33 concepts every JavaScript developer should know 译文:每个 JavaScript 工程师都应懂的33个概念 作者:stephentian Fundebug经授权转载,版权归原作者所有...

Fundebug
2018/10/30
0
0
深入理解JavaScript闭包

一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量...

柯楠
2012/11/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

表单中readonly和dsabled的区别

这两种写法都会使显示出来的文本框不能输入文字, 但disabled会使文本框变灰,而且通过通过表单提交时,获取不到文本框中的value值(如果有的话), 而readonly只是使文本框不能输入,外观没...

少年已不再年少
9分钟前
0
0
SpringBoot上传图片操作

首先有个上传文件的工具类 /** * 文件上传 * @param file * @param filePath * @param fileName * @throws Exception */public static void uploadFile(byte[] file, String ...

_liucui_
21分钟前
3
0
DrawerLayout

public class MainActivity extends BaseActivity implements NavigationView.OnNavigationItemSelectedListener,OnFragmentInteractionListener{ public NavigationView navView; ......

安卓工程师王恒
27分钟前
0
0
python精简笔记

python精简笔记-字符串基本用法 字符串常见用法: 1.居中对齐 >>> print("<"+"WangYunLong居中".center(30)+">")<      WangYunLong居中       > 2.居中对齐并填充 >>> print("<"+'W......

平头哥-Enjoystudy
30分钟前
0
0
大佬程序员给小白整理出的详细Python爬虫学习路线,机不可失!

Python是一种面向对象、直译式计算机程序设计语言,由Guido van Rossum于1989年底发明。由于他简单、易学、免费开源、可移植性、可扩展性等特点,Python又被称之为胶水语言。下图为主要程序语...

糖宝lsh
31分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部