网站建站主机抄袭别人网站的前端代码合法吗

当前位置： 首页 > news >正文

网站建站主机,抄袭别人网站的前端代码合法吗,建设企业银行官方网站,塘沽官网闭包 什么是闭包 闭包#xff0c;是 JavaScript 中一个非常重要的知识点#xff0c;也是我们前端面试中较高几率被问到的知识点之一。 打开《JavaScript 高级程序设计》和《 JavaScript 权威指南》#xff0c;会发现里面针对闭包的解释各执一词#xff0c;在网络上搜索关…闭包 什么是闭包 闭包是 JavaScript 中一个非常重要的知识点也是我们前端面试中较高几率被问到的知识点之一。 打开《JavaScript 高级程序设计》和《 JavaScript 权威指南》会发现里面针对闭包的解释各执一词在网络上搜索关于闭包的内容也发现众说纷纭这就导致了这个知识点本身显得有点神秘甚至还有一点玄幻。 那么这个知识点真的有那么深奥么 非也其实要理解 JavaScript 中的闭包非常容易但是在此之前你需要先知道以下两个知识点 JavaScript 中的作用域和作用域链JavaScript 中的垃圾回收 这里我们来简单回顾一下这两个知识点

1. JavaScript 中的作用域和作用域链 作用域就是一个独立的地盘让变量不会外泄、暴露出去不同作用域下同名变量不会有冲突。作用域在定义时就确定并且不会改变。如果在当前作用域中没有查到值就会向上级作用域去查直到查到全局作用域这么一个查找过程形成的链条就叫做作用域链。
2. JavaScript 中的垃圾回收 Javascript 执行环境会负责管理代码执行过程中使用的内存其中就涉及到一个垃圾回收机制垃圾收集器会定期周期性找出那些不再继续使用的变量只要该变量不再使用了就会被垃圾收集器回收然后释放其内存。如果该变量还在使用那么就不会被回收。 OK有了这 2 个知识点的铺垫后接下来我们再来看什么是闭包。 闭包不是一个具体的技术而是一种现象是指在定义函数时周围环境中的信息可以在函数中使用。换句话说执行函数时只要在函数中使用了外部的数据就创建了闭包。 而作用域链正是实现闭包的手段。 什么只要在函数中使用了外部的数据就创建了闭包 真的是这样么下面我们可以证明一下 在上面的代码中我们在函数 a 中定义了一个变量 i然后打印这个 i 变量。对于 a 这个函数来讲自己的函数作用域中存在 i 这个变量所以我们在调试时可以看到 Local 中存在变量 i。 下面我们将上面的代码稍作修改如下图 在上面的代码中我们将声明 i 这个变量的动作放到了 a 函数外面也就是说 a 函数在自己的作用域已经找不到这个 i 变量了它会怎么办 学习了作用域链的你肯定知道它会顺着作用域链一层一层往外找。然而上面在介绍闭包时说过如果出现了这种情况也就是函数使用了外部的数据的情况就会创建闭包。 仔细观察调试区域我们会发现此时的 i 就放在 Closure 里面的从而证实了我们前面的说法。 那么是一个函数下所有的变量声明都会被放入到闭包这个封闭的空间里面么 倒也不是放不放入到闭包中要看其他地方有没有对这个变量进行引用例如 在上面的代码中函数 c 中一个变量都没有创建却要打印 i、j、k 和 x这些变量分别存在于 a、b 函数以及全局作用域中因此创建了 3 个闭包全局闭包里面存储了 i 的值闭包 a 中存储了变量 j 和 k 的值闭包 b 中存储了变量 x 的值。 但是你仔细观察你就会发现函数 b 中的 y 变量并没有被放在闭包中所以要不要放入闭包取决于该变量有没有被引用。 当然此时的你可能会有这样的一个新问题那么多闭包那岂不是占用内存空间么 实际上如果是自动形成的闭包是会被销毁掉的。例如 在上面的代码中我们在第 16 行尝试打印输出变量 k显然这个时候是会报错的在第 16 行打一个断点调试就可以清楚的看到此时已经没有任何闭包存在垃圾回收器会自动回收没有引用的变量不会有任何内存占用的情况。 当然这里我指的是自动产生闭包的情况关于闭包有时我们需要根据需求手动的来制造一个闭包。 来看下面的例子 function eat(){var food 鸡翅;console.log(food); } eat(); // 鸡翅 console.log(food); // 报错在上面的例子中我们声明了一个名为 eat 的函数并对它进行调用。 JavaScript 引擎会创建一个 eat 函数的执行上下文其中声明 food 变量并赋值。 当该方法执行完后上下文被销毁food 变量也会跟着消失。这是因为 food 变量属于 eat 函数的局部变量它作用于 eat 函数中会随着 eat 的执行上下文创建而创建销毁而销毁。所以当我们再次打印 food 变量时就会报错告诉我们该变量不存在。 但是我们将此代码稍作修改 function eat(){var food 鸡翅;return function(){console.log(food);} } var look eat(); look(); // 鸡翅 look(); // 鸡翅在这个例子中eat 函数返回一个函数并在这个内部函数中访问 food 这个局部变量。调用 eat 函数并将结果赋给 look 变量这个 look 指向了 eat 函数中的内部函数然后调用它最终输出 food 的值。 为什么能访问到 food原因很简单上面我们说过垃圾回收器只会回收没有被引用到的变量但是一旦一个变量还被引用着的垃圾回收器就不会回收此变量。在上面的示例中照理说 eat 调用完毕 food 就应该被销毁掉但是我们向外部返回了 eat 内部的匿名函数而这个匿名函数有引用了 food所以垃圾回收器是不会对其进行回收的这也是为什么在外面调用这个匿名函数时仍然能够打印出 food 变量的值。 至此闭包的一个优点或者特点也就体现出来了那就是 通过闭包可以让外部环境访问到函数内部的局部变量。通过闭包可以让局部变量持续保存下来不随着它的上下文环境一起销毁。 通过此特性我们可以解决一个全局变量污染的问题。早期在 JavaScript 还无法进行模块化的时候在多人协作时如果定义过多的全局变量 有可能造成全局变量命名冲突使用闭包来解决功能对变量的调用将变量写到一个独立的空间里面从而能够一定程度上解决全局变量污染的问题。 例如 var name GlobalName; // 全局变量 var init (function () {var name initName;function callName() {console.log(name);// 打印 name}return function () {callName();// 形成接口} }()); init(); // initName var initSuper (function () {var name initSuperName;function callName() {console.log(name);// 打印 name}return function () {callName();// 形成接口} }()); initSuper(); // initSuperName好了在此小节的最后我们来对闭包做一个小小的总结 闭包是一个封闭的空间里面存储了在其他地方会引用到的该作用域的值在 JavaScript 中是通过作用域链来实现的闭包。 只要在函数中使用了外部的数据就创建了闭包这种情况下所创建的闭包我们在编码时是不需要去关心的。 我们还可以通过一些手段手动创建闭包从而让外部环境访问到函数内部的局部变量让局部变量持续保存下来不随着它的上下文环境一起销毁。
   闭包经典问题 聊完了闭包接下来我们来看一个闭包的经典问题。 for (var i 1; i 3; i) {setTimeout(function () {console.log(i);}, 1000); }在上面的代码中我们预期的结果是过 1 秒后分别输出 i 变量的值为 123。但是执行的结果是444。 实际上问题就出在闭包身上。你看循环中的 setTimeout 访问了它的外部变量 i形成闭包。 而 i 变量只有 1 个所以循环 3 次的 setTimeout 中都访问的是同一个变量。循环到第 4 次i 变量增加到 4不满足循环条件循环结束代码执行完后上下文结束。但是那 3 个 setTimeout 等 1 秒钟后才执行由于闭包的原因所以它们仍然能访问到变量 i不过此时 i 变量值已经是 4 了。 要解决这个问题我们可以让 setTimeout 中的匿名函数不再访问外部变量而是访问自己内部的变量如下 for (var i 1; i 3; i) {(function (index) {setTimeout(function () {console.log(index);}, 1000);})(i) }这样 setTimeout 中就可以不用访问 for 循环声明的变量 i 了。而是采用调用函数传参的方式把变量 i 的值传给了 setTimeout这样它们就不再创建闭包因为在我自己的作用域里面能够找到 i 这个变量。 当然解决这个问题还有个更简单的方法就是使用 ES6 中的 let 关键字。 它声明的变量有块作用域如果将它放在循环中那么每次循环都会有一个新的变量 i这样即使有闭包也没问题因为每个闭包保存的都是不同的 i 变量那么刚才的问题也就迎刃而解。 for (let i 1; i 3; i) {setTimeout(function () {console.log(i);}, 1000); }真题解答 闭包是什么闭包的应用场景有哪些怎么销毁闭包 闭包是一个封闭的空间里面存储了在其他地方会引用到的该作用域的值在 JavaScript 中是通过作用域链来实现的闭包。 只要在函数中使用了外部的数据就创建了闭包这种情况下所创建的闭包我们在编码时是不需要去关心的。 我们还可以通过一些手段手动创建闭包从而让外部环境访问到函数内部的局部变量让局部变量持续保存下来不随着它的上下文环境一起销毁。 使用闭包可以解决一个全局变量污染的问题。 如果是自动产生的闭包我们无需操心闭包的销毁而如果是手动创建的闭包可以把被引用的变量设置为 null即手动清除变量这样下次 JavaScript 垃圾回收器在进行垃圾回收时发现此变量已经没有任何引用了就会把设为 null 的量给回收了。 -EOF-