JavaScript作用域的一个问题？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

JavaScript作用域的一个问题？

伊谢尔伦 2017-04-10 15:03:39

[JavaScript讨论组]

1685

例如：

var outter = [];
function fun () {
    for (var i = 0; i < 4; i++) {
        var x = {};
        x.invoke = function () {
            console.log(i);
        };
        outter.push(x);
    }
}
fun();
console.log(outter[0].invoke());
console.log(outter[1].invoke());
console.log(outter[2].invoke());
console.log(outter[3].invoke());

结果是：4 4 4 4 。
fun()执行完毕以后局部变量不是释放掉了吗？怎么outter[0].invoke()还能访问到局部变量i?

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(4)

迷茫2017-04-10 15:05:39 4楼

牵扯到js中函数作用域链和闭包的问题哦。

如果闭包对函数中的一个对象未来有引用的话，这个对象不会被释放哦

赞 +0

添加回复

PHPz2017-04-10 15:05:39 3楼

你的 i 一直都在被使用中，你 fun(); 之后那个 i 就变成 4 了。
然后你之后的每一次 outter[0].invoke() 当然都是 4 了。

然后这个所谓的局部变量就永远不会被回收了，因为你的每个 outter[].invoke() 都要用到这个 i 。

正确的应该是

function fun () {
    for (var i = 0; i < 4; i++) {
        var x = {};
        x.invoke = i;
        outter.push(x);
    }
}

// 或者
function fun () {
    for (var i = 0; i < 4; i++) {
        (function(i){
            var x = {};
            x.invoke = function(){
                console.log(i);
            };
            outter.push(x);
        })(i);
    }
}

还有你的代码中函数里面为什么写那么多遍 console.log，你的 invoke() 函数不是已经有了 console.log() 的功能了？
直接 outter[1].invoke(); 不就直接输出了？

题外话：正确的使用工具才能事半功倍。

赞 +0

添加回复

阿神2017-04-10 15:05:39 2楼

今天刚刚看到JavaScript高级程序设计（第3版）才发现书里面有个例子（7.2.1 闭包与变量）和我这个问题一样。

书中提到：作用域链的配置机制引出了一个副作用，即闭包只能取得包含函数中任何变量的最后一个值。但是可以通过创建另一个匿名函数强制让闭包的行为符合预期。

当fun()函数执行完毕后，它的执行环境的作用域链会被销毁，但是它的活动对象仍然会留在内存中，直到匿名函数被销毁后才被销毁。

赞 +0

添加回复

PHPz2017-04-10 15:05:39 1楼

fun执行后:

jsfunContext.AO = {
    i: 4,
    x: {
        invoke: <第四个 function 的引用>
    }
}

对于每个 invoke 函数创建时：

jsinvoke.[[Scope]] = [
    funContext.AO,
    globalContext.VO
]

每个 invoke 执行时，其上下文作用域链：

jsinvokeContext.Scope = [
    invokeContext.AO,
    funContext.AO, // invoke在这里访问到标识符 i, i === 4 
    globalContext.VO
]

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>