首页 > web前端 > js教程 > 正文

实例浅析对闭包的理解

零到壹度
发布: 2018-04-02 10:47:39
原创
1422人浏览过

本篇文章给大家分享的是浅谈对闭包的理解 ,内容挺不错的,希望可以帮助到有需要的朋友

作用域链

要更清楚的理解闭包应该先充分的理解作用域链,这样理解闭包就会轻松很多。

作用域链就是一个指向不同变量存储空间的列表,通常在全局下都会被window的变量环境所包围。

每一个执行环境的[[scope]]的属性都存放着作用域链的引用。

var name = "tianci";
登录后复制

当我们执行完上面的代码的时候,在浏览器中window.name属性便是“tianci”,此时window[[scope]]指向的作用域列表所指向的变量空间就有name:"tianci"存在

var name = "tianci";
function sy() {
    var name = "haha";
    console.log(name);
}
sy();//haha
登录后复制

在这个代码中,执行到sy()的时候,sy的执行环境的[[scope]]指向的作用域列表会先将window的作用域列表复制到自己的列表,在将sy变量空间插入到作用域列表的头部(即  list.[0]的位置)。当执行到name的时候便会从列表开始查询name变量,0->1 -> 2 ->3 ......一直到最顶层的变量环境为止。

var name = "tianci";
function sy() {
    var name = "haha";
    console.log(name);
    console.log(this.name);
}
sy();

//haha
//tianci
登录后复制

两次输出不一样

log(name)的时候函数sy先从自身的环境中找name所以输出haha

log(this.name)的时候sy的this指向了window(在浏览器中),所以查询的起始会从window的环境开始查找name所以输出tianci

1.作用域链就是一个指向多个对象存储空间的列表,

2.每次函数被调用的时候,就会先将调用者的作用域链copy到自己的作用域链,再在链表头部插入自己的作用域

闭包

闭包就不是很难理解了,闭包概念就是有权访问另一个函数作用域的变量的函数,其常见的创建方式就是在汉输得内部创建另一个函数 如:

function cC(property) {
    return function (obj1,obj2) {        var value1 = obj1[property]
        var value2 = obj2[property]
        if (value1 < value2) {
            return -1;
        }else if(value1 > value2){
            return 1;
        }else if(value1 == value2){
            return 0;
        }
    }
}
登录后复制

在这里匿名函数中便访问了调用函数的变量property,这便是闭包

包阅AI
包阅AI

论文对照翻译,改写润色,专业术语详解,选题评估,开题报告分析,评审校对,一站式解决论文烦恼!

包阅AI 84
查看详情 包阅AI

但是闭包会有一个问题,就是当cC执行完之后匿名函数若没有执行结束,cC的环境活动对象也不会被销毁,只有等匿名函数执行完之后,才会被销毁。所以闭包有时候会造成不必要的内存泄漏

通常情况下匿名函数的this对象会指向window(浏览器中)

因为当得到返回的匿名函数之后通常都是在全局环境中直接调用了,所以会造成this当时指向的是window。

var name = "chentainci";
var obj ={
    name:"myboj",
    getName:function () {
        return function () {
            return this.name
        }
    }
}
console.log(obj.getName()())
登录后复制

闭包只是取得变量的终值

function fun() {
    var result =new Array();
    for (var i  = 0;i  < 10; i++) {
        result[i] = function () {
            return i
        }
    }
    return result;
}
登录后复制

result存储的是个函数的返回值都是i的终值10

相关推荐:

闭包 什么是闭包

深入理解js 闭包

闭包的常见应用

以上就是实例浅析对闭包的理解 的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门推荐
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号