一般情况下，我们懂得闭包是如许的：“为了可以拜访函数内的局部变量而定义的内部函数”。

JavaScript说话特点，每一个function内都有一个属于本身的履行高低文，即特定的context指向。

内层的context高低文总能拜访到外层context高低文中的变量，即每次内部的感化域可以往上层查找直到拜访到当前所需拜访的变量。例子如下

然则如不雅反过来拜访的话，则不克不及进行拜访，即变量拜访的指向是当前context高低文的指向的相反偏向，且弗成逆。如下

function test () {  var b = 'this is test';}console.log(b); // Uncaught ReferenceError: b is not defined

这里用一个非经常见的情况作为例子，即for轮回合营setTimeout的异步义务，如下

function test () {  for (var i = 0; i < 4; i++) {    setTimeout(function () {      console.log(i);    }, 0)  }}test();

信赖很多小伙伴们都邑说，用闭包呀，就能实现了呀。对没错，切实其实用闭包就能实现。那么为什么竽暌箍现这种情况呢？

这里我简单提一下，起首这边牵扯到两个点，一个就是for轮回的同步义务，一个就是setTimeout的异步义务，在JavaScript线程中，因为本身JavaScript是单线程，这个特点决定了颇┞俘常的脚本履行次序是按照文档流的情势来进行的，即大年夜上往下，大年夜左往右的┞封样偏向。每次脚本正常履行时，但凡碰到异步义务的时刻，都邑将其set到一个task queue（义务队列）中去。然后在履行完同步义务之后，再来履行队列义务中的异步义务。

当然对于不合的异步义务，履行次序也会不一样，具体就看其到底属于哪个维度的异步义务了。这里我就不具体扯Event Loop了，想更具体的懂得请戳这里

回到膳绫擎我们想要实现的效不雅这个问题上来，我们一般处理办法是应用闭包进行参数传值，代码如下

function test () {  for (var i = 0; i < 4; i++) {    (function (e) {      setTimeout(function () {        console.log(e);      }, 0)    })(i)  }}test();// 0 -> 1 -> 2 -> 3

轮回傍边，匿名函数会急速履行，并且会将轮回当前的 i 作为参数传入，将其作为当前匿名函数中的形参e的指向，即会保存对 i 的引用，它是不会被轮回改变的。

当然还有一种常见的方法可以实现膳绫擎的效不雅，即大年夜自履行匿名函数中返回一个函数。代码如下

function test () {  for(var i = 0; i < 4; i++) {    setTimeout((function(e) {      return function() {        console.log(e);      }    })(i), 0)  }}test();

更多高阶闭包的写法这里就不一一介绍了，想懂得的小伙伴请自行搜刮。

文┞仿到此差不多就要停止了

可是我也没办法，切实其实要停止了。下面给整篇博文做个总结吧

总结

起首根本上JavaScript中所涉及的所谓的可贵，在本文中都经由过程指向这个概念进行了通篇的解读，当然这是我小我对于JavaScript的一些懂得，思路仅供参考。如不雅有什么纰谬的处所，迎接各位小伙伴指出。

【编辑推荐】

架构设计：一种长途调用办事的设计构思（zookeeper的一种应用实践）
若何应用JavaScript构建机械进修模型
挨踢部落坐诊第七期：王者农药福利局毕竟是用什么函数写出来的？
基于JavaScript说话的快速物联网开辟架构
函数调用中客栈的小我懂得

【义务编辑：张子龙 TEL：（010）68476606】

3/3 首页上一页 1 2 3

　　推荐阅读

　　物联网的十三五规划(2016-2020年)

物联网是新一代信息技巧的高度集成和综合应用，对新一轮家当变革和经济社会绿色、智能、可持续成长具有重要意义。“十二五”时代，我国物联网成长取得了明显成效，与蓬勃国度保>>>详细阅读

本文标题：从指向看JavaScript中的难点

地址：http://www.17bianji.com/lsqh/36446.html

1/2 1