闭包和函数声明那些事

最新推荐文章于 2022-07-11 11:14:43 发布
最新推荐文章于 2022-07-11 11:14:43 发布
阅读量315 收藏
点赞数
分类专栏： js闭包 文章标签： 前端 闭包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jackyfgh/article/details/53646885
版权
一、闭包


1.什么是闭包？
函数嵌套函数，内部的函数可以调用外部函数的变量和参数，因为内部引用了外部的变量和参数所以参数和变量都不会被垃圾回收机制所收回。
2.闭包有什么好处应用在哪里？
好处：1.希望一个变量长期驻扎在内存当中
      2.避免全局变量的污染
      3.私有化成员
 用法：
1：模块化代码（如例子1）
2：再循环中直接找到对应元素的索引（例子2）
坏处：引发IE的内存泄漏问题当调用内部属性时内部属性的函数又调用外部变量时这样的首尾呼应会导致内存泄漏
例子1：
var aa=(function(){
   var a=1;
   function bbb(){
a++;
        alert(a);


   }
   function ccc(){
a++;
alert(a);


   }
return{
        b:bbb,
c:ccc;


}
})();
aa.b();//2
aa.c();//3
例子2：
<script>
window.onload = function(){
var aLi = document.getElementsByTagName('li');

/*for(var i=0;i<aLi.length;i++){

(function(i){

aLi[i].onclick = function(){
alert(i);
};

})(i);


}*/

for(var i=0;i<aLi.length;i++){

(function(i){
aLi[i].οnclick=function(){alert(i);}


})(i);这样每次点击相应的li都会弹出响应的索引值，因为现在弹出的i是长期驻扎在内存中的变量而不是循环多次i的变量



}

};
</script>
</head>


<body>
<ul>
    <li>11111111111</li>
    <li>11111111111</li>
    <li>11111111111</li>
</ul>






二、函数声明和函数表达式




函数声明：function 函数名（）｛｝
函数表达式：function 函数名：函数名是可写可不写（）｛｝：命名函数表达式，匿名函数表达式




function aaa（）｛｝：函数声明
var a=function aaa(){}:命名函数表达式
var a=function(){}:匿名函数表达式


（function aaa（）｛｝）：表达式
当加入位运算符如~function aaa（）｛｝；
1.函数表达式可以直接后面加括号执行，而函数声明是不可以的
2.函数声明可以被提前解析出来的也就是函数声明的预解析


function aaa(){alert(1)}();错误




var a=function aaa（）｛alert（1）；｝（）；这样可以直接执行

jackyfgh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
闭包与闭包函数
weixin_45346719的博客
05-26 379
闭包 闭包是一种状态 闭包函数是指有权访问另一个函数作用域中变量的函数 简单例子： 闭包函数：fn() function fun(){ let num=10; function fn(){ console.log(num); } fu(); } fun(); 进一步加深 在fun()函数外部作用域可以访问其内部变量 function fun(){ let num=10; function fn(){ console.log
闭包和函数
qq_42964711的博客
05-23 214
1.函数的定义和调用 函数的定义方式 函数声明方式 function 关键字 (命名函数) function fn(){} 函数表达式(匿名函数) var fn = function(){} new Function() var f = new Function('a', 'b', 'console.log(a + b)'); f(1, 2); var fn = new Function('参数1','参数2'..., '函数体') 注意 /*Function 里面参数都必
函数、闭包
qq_41340792的博客
05-31 211
js 中万物皆对象 函数 ： 必须被调用才能执行 函数分类： 匿名函数、具名函数、自执行函数 函数声明方式： 通过 function 关键字声明函数： （函数声明式） function 函数名(){} 通过函数表达式声明函数 (函数表达式) let 变量名 = function(){} 两种声明方式的区别： 函数声明式声明函数，可以在函数声明前后调用 : js 优先解析函数的声明和变量的声明 函数表达式声明的函数，必须在函数声明后进行调用，如果在函数声明前调用会报错 （原因是函数存在函数提
函数声明，表达式，闭包
AsuraSylar的博客
08-28 56
函数声明和函数表达式 函数声明：function functionName(){.....}; 函数表达式：function 函数名(可写可不写)(){...}; 根据上下文来判断是否是函数表达式 var a=fucntion aaa(){....} 命名函数表达式 var a=function (){.....}//匿名函数表达式 (function(){.....})//...
js闭包示例与函数声明的理解
weixin_44030736的博客
11-25 187
var add =(function(){ var counter = 0; return function(){ return counter += 1 } })() add() //1 add() //2 add() //3 疑问：为什么每次执行add()之后结果是递增的而不是都是1呢？ 上面的函数可以拆解为 function test() { var...
深入理解javascript函数参数与闭包
10-20
- **立即调用的函数表达式（IIFE）**：IIFE是一种编写函数的技巧，该函数在声明时立即执行，常用于创建私有作用域。 ```javascript (function() { var privateVar = 1; console.log(privateVar); // 输出1 })...
Python 闭包，函数分隔作用域，nonlocal声明非局部变量操作示例
09-18
在Python数据结构与算法、网络编程、函数编程和字符串操作等各个领域，闭包和`nonlocal`都有其应用。通过学习和掌握这些概念，开发者可以编写出更加高效、灵活且易于维护的代码。在实际项目中，合理运用闭包和`...
javascript笔记之匿名函数和闭包
12-10
本文介绍了js匿名函数和闭包的相关内容，供大家参考，具体内容如下 匿名函数 [removed] //function(){}//会报错 var fun = function(){};//将匿名函数赋值给变量 (function(){})();//匿名函数自执行 function...
谈谈JavaScript中的函数与闭包
10-27
JavaScript中的函数和闭包是其核心特性之一，它们在编程中扮演着至关重要的角色。首先，我们要理解函数在JavaScript中的地位。JavaScript是一种基于原型的动态类型语言，它允许函数成为一等公民，也就是说，函数可以...
函数和闭包
mxk4869的博客
07-11 117
函数和闭包
swift3.0下闭包语法汇总
xuxiake2012的专栏
12-10 409
http://www.open-open.com/lib/view/open1474524707276.html 一、闭包的概念 有oc基础的都知道，闭包其实是oc里面的block，语法格式不一样，但作用是一样的。主要是用于callBack(异步回调)或者两个类之间的通信。它的本质一个函数，一个可执行的代码块，只是这个函数是没有名字的，也就是匿名函数。你也可以把他看作如 i
JS函数申明和闭包的关系实例理解
tomy123456123456的博客
01-16 298
在网上看到有这样一道关于JavaScript的面试题 function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } }; } var a = fun(0); a.fun(1); a.fun(2); a.fun(3); //undefined,?,?,...
闭包的理解
小菜鸟的博客
06-03 2663
1、概念 闭包函数: 声明在一个函数中的函数,叫做闭包 闭包: 内部函数总是可以访问其所在外部函数声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后 2、特点 让外部访问函数内部变量成为可能； 局部变量会常驻在内存中； 可以避免使用全局变量，防止全局变量污染； 会造成内存泄漏（有一块内存空间被长期占用，而不被释放）; 3、闭包的创建 闭包就是可以创建一个独立的环境，每个闭包里面的环境都是独立的，互不干扰。 闭包会发生内存泄漏，每次外部函数执行的时 候，外部函数的引用地址不同，都会重新创建一个新的
函数的三种定义，闭包和声明对象的方式总结
qq_41647794的博客
08-22 435
函数的三种定义 字面量 function声明 function add(){ } add(); var赋值表达式 var add=function(argument){ }; add(); var add=function fn(argument){ fn(); } add(); 构造函数 new Function(‘num1’,‘num2’,‘return num1+num2;’); add(); 闭包 闭包：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数） 变量
关于闭包的理解
LittlePoem的博客
08-17 483
闭包函数：声明在一个函数中的函数，叫做闭包函数。 闭包：内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后。 特点： 让外部访问函数内部变量成为可能； 局部变量会常驻在内存中； 可以避免使用全局变量，防止全局变量污染； 会造成内存泄漏（有一块内存空间被长期占用，而不被释放） 闭包就是可以创建一个独立的环境，每个闭包里面的环境都是独立的，互不干扰。闭包会发生内存泄漏，每次外部函数执行的时 候，外部函数的引用地址不同，都会重新创建一个新的地址。但
闭包与自执行函数 区别
精灵码农
08-02 4400
函数调用 函数声明与调用 我们可以通过如下定义函数，使用fun()来调用 fun(); // 调用函数 函数定义可以在下面 function fun() { console.log(3); } 也可以用var来定义，此时应先声明后使用 var fn = function() { console.log(4); } fn(...
python 中的 闭包 与 函数的区别
gymaisyl的博客
10-11 1699
定义：（重点在定义） 在外部函数里面定义一个内部函数，并且这个内部函数用到了外部函数的变量，那么将这个内部函数和用到的一些变量统称为闭包。 首先看一个闭包的实例： def lines(a, b): def line(x): return a * x + b return line line1 = lines(1, 1) # 可以得到 直线1：y=x+1 ...
闭包与声明提升
想去旅行的静静的博客
08-02 141
定义 有一个函数，有一个函数内部能够访问的变量，就是一个闭包。 function demo() { var local = 100 function demo2() { return local + 'hello' } return demo2() } console.log(demo()) 闭包例子 点击多个按钮例子 闭包特点 1、占用内存多 2、不容易被释放 闭包用法 变量既想反复使用，又想避免全局污染如何使用？ 1、定义外层..
JavaScript 闭包函数
最新发布
05-03
闭包函数的实现方式是在函数内部声明一个函数，这个函数可以访问其外部函数的变量，然后返回这个函数。这样，外部函数的变量就被内部函数所持有，即使外部函数已经执行完毕，内部函数依然可以访问这些变量。 下面是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值