视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
基础的JavaScript知识总结(十)闭包、立即执行函数
2020-11-27 20:01:27 责编:小采
文档


这次给大家带来基础的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知识总结(七)递归

下载本文
显示全文
专题