JS惰性函数

最新推荐文章于 2025-09-05 11:22:47 发布

原创最新推荐文章于 2025-09-05 11:22:47 发布 · 308 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #内存泄露 #ajax

本文介绍了一种通过惰性函数优化Ajax请求的方式，避免频繁new XMLHttpRequest导致的内存泄露问题。通过对Ajax请求方式进行改进，实现更高效的前端应用。

由于Ajax在前端使用频度很高，如果每次使用都new的话可能会导致内存泄露。故引出惰性函数解决此问题

普通的方法，每次调用都会执行一遍逻辑而且会new XMLHttpRequest

function creatXHR(){
    var xhr =null;
    try{
        xhr = new XMLHttpRequest();
    }catch(exception){
        xhr = null;
    }
    return xhr;
}

惰性函数，重新定义函数，直接返回

function creatXHR(){
    var xhr =null;
    try{
        xhr = new XMLHttpRequest();
    }catch(exception){
        xhr = null;
    }
    creatXHR = function(){
        return xhr;
    }
    return xhr;
}