《js闭包》超级实用一眼看懂js闭包--Onload返回变量值

最新推荐文章于 2024-05-10 15:04:04 发布

刘贵庆

最新推荐文章于 2024-05-10 15:04:04 发布

阅读量5k

点赞数

分类专栏： js html 前端文章标签： js

本文为博主原创文章，未经博主允许请勿转载，切勿用于商业用途，若有引用请加原文链接。

本文链接：https://blog.csdn.net/xysxlgq/article/details/119804394

版权

前端同时被 3 个专栏收录

56 篇文章 0 订阅

订阅专栏

36 篇文章 1 订阅

订阅专栏

html

10 篇文章 0 订阅

订阅专栏

抽时间整理了经常用的js闭包知识，

举例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js闭包-可访问另一个函数变量的函数</title>
</head>
<body>
<script type="text/javascript">
    //用于：外部函数需要内部函数的变量时，使用js闭包。

    var f = f1();

  /*  function f1() {
        //...code
        function fn() {
            var info;
            //.....
            info = "赋值的数据";
            //...
            return info;
        }

        return fn;
    }//等同于下：*/
    function f1() {
        //...code
       return function fn() {
            var info;
            //.....
            info = "赋值的数据";
            //...
            return info;
        }

    }

    console.log(f());//赋值的数据


    //优点：1、减少资源占用。2、保护和传递了变量，3、函数实现了封装。
    //缺点：容易造成内存泄漏，解决方法：不用内部函数时赋值为='';

    /*-------onload返回值-------*/
    //es6 async/await
    async function ExternalFunction() {
        var images = new Image();
        images.src = "xxx.png";
        const getimages = () => new Promise(resolve => {
            images.onload = function () {
                //...
                //....get valueinfo
                resolve(valueinfo);
            };
        });

        let result = await getimages();
        console.log(result);//is valueinfo
    }
   /* window.onload=function(){
        ExternalFunction();
    };*/
</script>
</body>
</html>

刘贵庆

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
《js闭包》超级实用一眼看懂js闭包--Onload返回变量值

抽时间整理了经常用的js闭包知识，举例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js闭包-可访问另一个函数变量的函数</title></head><body><script type="text/javascript"> //用于：外部函数需要内部函数的变量时，使
复制链接

扫一扫