最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

基础的JavaScript知识总结(十)闭包、立即执行函数

来源:懂视网 责编:小采 时间:2020-11-27 20:01:27
文档

基础的JavaScript知识总结(十)闭包、立即执行函数

基础的JavaScript知识总结(十)闭包、立即执行函数:这次给大家带来基础的JavaScript知识总结,总共有十一个知识点,基础的JavaScript知识总结(十)闭包、立即执行函数下面就是实战案例,一起来看一下。//例子function a() { function b(){ var bbb = 234; console.log(aaa) } var
推荐度:
导读基础的JavaScript知识总结(十)闭包、立即执行函数:这次给大家带来基础的JavaScript知识总结,总共有十一个知识点,基础的JavaScript知识总结(十)闭包、立即执行函数下面就是实战案例,一起来看一下。//例子function a() { function b(){ var bbb = 234; console.log(aaa) } var

这次给大家带来基础的JavaScript知识总结,总共有十一个知识点,基础的JavaScript知识总结(十)闭包、立即执行函数下面就是实战案例,一起来看一下。

//例子function a() { function b(){ var bbb = 234; console.log(aaa)
 } var aaa = 123; return b;
}var glob = 100;var demo = a();
demo();

首先这个函数在执行return b之后,函数就a执行完了,会销毁a的AO,,但是在销毁之前函数b被保存出来了,所以b的执行期上下文并没有被销毁。

所以b的AO、Go都被保存出来了

这样就形成了闭包,也可以这样说:内部函数被保存到了外部,一定形成闭包

function a (){ var num = 100; function b(){
 num ++; console.log(num);
 } return b;
}var demo = a();
demo();//打印101demo();//打印102

闭包的概念 : 当内部函数保存到外部时,将会生成闭包。闭包会导致原有作用域链不释放,造成内存泄漏(内存占用)

内存泄露 : 举个例子....一个杯子...你往里面到的水越多,他的内存越少(同理,你内存占的越多,他的内存越少)

闭包的作用

实现公有变量

函数累加器

可以做缓存(存储结构)

eater

可以实现封装,属性私有化

Person()

模块化开发,防止污染全局变量

1、累加器上述例子已经写了

2、可以做缓存(存储结构)

function test(){ var num = 100; function a(){
 num ++; console.log(num);
 }; function b(){
 num --; console.log(num);
 }; return [a,b]
}var myArr = test();
myArr[0]();//打印101myArr[1]();//打印100
function eater(){ var food = ""; var obj ={ eat : function(){ console.log("i am eating" + food)
 }, push : function (myFood){
 food = myFood;
 }
 } return obj;
}var eater1 = eater();
eater1.push('banana');
eater1.eat();//打印出 i am eating banana

上面的这个例子我在eater1.push('banana')之后就给了eater里面的foot = "",变成了food = "banana"。我在执行eater1.eat()之后就变成了拿到food = "banana" ,他们操作的都是同一个闭包,所以打印出i am eating banana,这个foot就相当于一个隐式的存储结构一样,这个就是缓存的应用

给自己买个坑,属性私有化,在我写完对象之后在解释,模块化开发也一样

立即执行函数

此类函数没有声明,在一次执行后即释放。适合做初始化工作。

function a(){
 
}function b(){
 
}

我定义两个函数,这两个函数除非等到我JavaScript执行完,否则这两个函数永远都不的释放,永远等待被执行,等待被执行就占空间。

作用 : 针对初始化功能的函数

(function (aaa,bbb,ccc){ var a = 234; var b = 123; var c = a+b; console.log(c) return c}(1,2,3))
执行完立即被销毁
// 怎么去接收他var num = (function (aaa,bbb,ccc){ var a = 234; var b = 123; var c = a+b; console.log(c) return c}(1,2,3))
立即执行函数有两种写法
//第一种(function(){}());//w3c 建议第一种//第二种(function(){})();
扩展
只有表达式才可以被执行符号执行
var test = function (){}()//也可以被执行+ function test(){}()//也可以被执行 以此类推- !号也可以function test(){ console.log(a+b+c+d)}(1,2,3,4)//不执行也不报错

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

基础的JavaScript知识总结(九)作用域、作用域链精解

基础的JavaScript知识总结(八)预编译执行过程

基础的JavaScript知识总结(七)递归

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

基础的JavaScript知识总结(十)闭包、立即执行函数

基础的JavaScript知识总结(十)闭包、立即执行函数:这次给大家带来基础的JavaScript知识总结,总共有十一个知识点,基础的JavaScript知识总结(十)闭包、立即执行函数下面就是实战案例,一起来看一下。//例子function a() { function b(){ var bbb = 234; console.log(aaa) } var
推荐度:
标签: js 基本 函数
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top