IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 闭包为什么难?注意细节 -> 正文阅读

[JavaScript知识库]闭包为什么难?注意细节

前言 :

??闭包非常容易理解但是为什么面试做题总错?? 还是那句话注意细节。

?下面来看两段代码(面试真题)

? 1 问log打印出的是什么

function fn() {
            arr = [];
            for (var i = 0; i < 5; i++) {
                arr[i] = function() {
                    return i;
                }
            }
            return arr
        }

        var list = fn();
        for (var i = 0; i < list.length; i++) {
            console.log(list[i]());
        }

?

? 知道这一点后如果不够细心也是非常容易出错的比如

?2? log(list)输出的是什么?

function fn() {
            arr = [];
            for (var i = 0; i < 5; i++) {
                arr[i] = function() {
                    return i;
                }
            }
            return arr[0]();
        }

        var list = fn();
        console.log(list);

?

?3 log(arr)输出的是什么

function fun() {
            var sum = 10;
            var arr = [];
            setTimeout(function() {
                arr.push(sum);
            }, 0);
            sum = 20;
            return arr;
        }
        var arr = fun();
        console.log(arr);

?

答案:

1??有点基础的人在仔细看过后应该能得出答案55555? ? 因为arr[i] = function() {}在赋值的时候并没有被执行 在被list[i]()执行后从闭包函数内的i值已经被加载为5?

2? 一不小心就会脱口而出0 函数内执行了arr[0]();?? 注意是立即执行 所以说输出的还是5

3 答案:[20]?所有的回调函数,异步任务都不可能是立即执行函数?

总结 当未被立即执行时找的都是闭包函数内该变量最后的状态?

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-09-13 09:11:00  更:2021-09-13 09:12:29 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/18 19:53:33-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码