什么是闭包?以及闭包的优点,缺点,用处,及特性

news/2024/7/19 14:17:17 标签: js

定义:闭包 当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数内部的变量,且返回的这个函数在外部被执行 就产生了闭包.闭包是一个环境,具体指的就是外部函数–高阶函数。

    说白了就是一个环境,能够读取其他函数内部的变量。

本质上,闭包是将函数内部和函数外部连接起来的桥梁。

用处:1.读取函数内部的变量;

       2.这些变量的值始终保持在内存中,不会在外层函数调用后被自动清除。

优点:1:变量长期驻扎在内存中;

       2:避免全局变量的污染;

       3:私有成员的存在 ;

特性:1:函数套函数;

       2:内部函数可以直接使用外部函数的局部变量或参数;

       3:变量或参数不会被垃圾回收机制回收 GC;

缺点:

常驻内存 会增大内存的使用量 使用不当会造成内存泄露,详解:

(1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

(2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

var  counter = 10;
		function add () {
			var  counter = 0;
			return function () {
				counter+=1;
				alert(counter)
			}
		}
		
//		var s = add();
		
//		s()// 1
//		s()// 2
//		s()// 3
		
		
		
		function fn () {
			var num = 223;
			var fn1 = function () {
				console.log(num)
			}
			num++;
			return fn1;
		}
		
//		var fn2 = fn()
		
//		fn2()//224
//		fn2()//224
//		fn2()//224
		
//		用途:闭包解决索引值问题
		
		oLi = document.getElementsByTagName("li");
		
		for (var i = 0; i < oLi.length; i++) {			
			/*oLi[i].onclick = function (index) {
				return function () {
					console.log(index)//					
				}
			}(i)*/
			
			(
				function (j) {
					oLi[j].onclick = function () {
						console.log(j)
					}
				}
			)(i)
			
		}
		
//		私有成员的存在
		var  aaa = (function () {
			var a =1 ;
			function bbb () {
				a++;
				console.log(a)
			};
			function ccc () {
				a++;
				console.log(a)
			};
			return {//json结构
				b:bbb,
				c:ccc
			}
		})()
		
//		aaa.b()//2
//		aaa.c()//3
//		aaa.b()//4
//		aaa.c()//5
		
		
		
//		function aaa(a){      
//		      var b = 5;      
//		      function bbb(){
//		           a++;
//		           b++;
		           debugger   1:断点调试    2:打断点
//		         alert(a);
//		         alert(b);
//		      }
//		      return bbb;
//		  }
//		
//		 var ccc = aaa(2);
//		
//		 ccc();
//		 ccc();
 
//		var count = (function(){
//		    var a = 0;
//		    function add(){
//		        a++;
//		        return a;
//		    }
//		
//		    return add;
//		
//		})()
//		
//		count();
//		count();
//		
//		var nowcount = count();
//		
//		alert(nowcount);
 
//		在实际开发中,闭包主要是用来封装变量,收敛权限    变量的管理方案
		function isFirstLoad(){
            var list=[];
            return function(option){
                if(list.indexOf(option)>=0){ //检测是否存在于现有数组中,有则说明已存在
                    console.log('已存在')
                }else{
                    list.push(option);
                    console.log('首次传入'); //没有则返回true,并把这次的数据录入进去
                }
                console.log(list)
            }
        }
 
//		var ifl=isFirstLoad();
//		ifl("zhangsan"); 
//		ifl("lisi");
//		ifl("zhangsan");
//		外界想访问list变量,只能通过我定义的函数isFirstLoad来进行访问,
//		想访问list的外界只提供了isFirstLoad这一个接口。至于怎么操作list,
//		已经定义好了,外界能做的就只是使用函数,然后传几个不同的参数
		
		var val=function(){
	        var that=this;
	        var variable={};
	        variable.varity=1;
	        var returnVal={};
	
	        this.isString=function(str){
	             try {
	                if (typeof str !== "string") {
	                    throw "TypeErr";
	                    
	                }else{
	                    return true;
	                }
	            } catch (e) {
	                if (e == "TypeErr") {
	                    return false;
	                }
	            }
	        }
			//读
	        returnVal.getter=function(str){
	            var isStr=that.isString(str);
	            if(isStr){
	                return variable[str];
	            }else{
	                console.error("input type must string!!!!!");
	            }
	           
	        }
			//写
	        returnVal.setter=function(key,value){
	            var isStr=that.isString(key);
	            if(isStr){
	                if(variable[key]==undefined){
	                    eval(variable[key]);
	                }
	                variable[key]=value;
	            }else{
	                console.error("input type must string!!!!!");
	            }
	        }
	
	        return returnVal;
	    }
		
		var val= val();//初始化方法
	    console.log(val.getter("varity"));//  1
	    val.setter("va222rity",3);//不存在重新添加并赋值
	    console.log(val.getter("va222rity"));  // 3
//		闭包的一个实际的应用   不会发生误操作(读写已经分离)


http://www.niftyadmin.cn/n/1202978.html

相关文章

一枚戒指,一场仪式,这件事阿里巴巴坚持了15年

为入职满五年的员工举行盛大仪式&#xff0c;为他们每个人戴上私人订制的戒指&#xff0c;是阿里巴巴坚持了15年“五年陈”的传统。1月22日&#xff0c;阿里集团为最新一季的“五年陈”们举行了授戒仪式。 2018五年陈小档案 2018年&#xff0c;有1867位同学新晋加入五年陈的队伍…

js冒泡排序和快速排序实现原理和方法

面试经常遇到这个问题&#xff0c;所以整理下&#xff0c;以便理解。 经常用到的排序方法有两种&#xff0c;冒泡排序和快速排序。 1.先说快速排序 原理&#xff1a;每一次比较相邻两个数的大小&#xff0c;通过第一轮循环排序&#xff0c;找到最大值放到后面&#xff0c;第…

Pytorch 初识

文章目录 一个简单的回归网络的例子再来一个例子官方教程上图片识别的例子import torch import torch.nn as nn import torch.nn.functional as F import matplotlib.pyplot as plt #这个一直想学&#xff0c;还没学&#xff0c;代码从莫烦python那copy的 import torchvision i…

为什么要初始化css样式

为什么要初始化css样式 1.浏览器差异 不同浏览器对有些标签的默认值是不同的&#xff0c;如果没对css初始化会出现浏览器之间的页面显示差异 2.提高编码质量 如果不初始化&#xff0c;整个页面做完会很糟糕&#xff0c;重复的css样式很多 最简单的初始化方法是&#xff1a…

linux-shell编程6:sed练习

sed案例 #源文件 [rootlocalhost ~]# cp /etc/sysconfig/network-scripts/ifcfg-eno16777728 test.txt#第二行后追加TYPEEthernet[rootlocalhost ~]# sed 2a TYPEEthernet test.txt #第三行前插入TYPEEthernetsed 3i TYPEEthernet test.txt #将文本中所有的yes替换为no[rootlo…

什么是作用域链,什么是原型链,它们的区别,在js中它们具体指什么?

什么是作用域链&#xff0c;什么是原型链。 作用域是针对变量的&#xff0c;比如我们创建了一个函数&#xff0c;函数里面又包含了一个函数&#xff0c;那么现在就有三个作用域 全局作用域>函数1作用域>函数2作用域 作用域的特点就是&#xff0c;先在自己的变量范围中…

[转载]MACD 各周期指标状态

MACD指标&#xff1a;MACD指标是一个非常好用的指标&#xff0c;它与均线、量价关系配合使用对判断行情很有效。这里有必要再深一点讲MACD级别之间的作用。 一、首先&#xff0c;必须明白的是任何指标中都是大级别包含小级别&#xff0c;小级别对大级别有反作用力。大级别技术指…

秒懂JavaScript的原型对象与原型链

对于新人来说&#xff0c;JavaScript的原型是一个很让人头疼的事情&#xff0c;一来prototype容易与__proto__混淆&#xff0c;二来它们之间的各种指向实在有些复杂&#xff0c;其实市面上已经有非常多的文章在尝试说清楚&#xff0c;有一张所谓很经典的图&#xff0c;上面画了…