js惰性函数

最新推荐文章于 2025-04-17 13:30:41 发布

刘双武

最新推荐文章于 2025-04-17 13:30:41 发布

阅读量177

点赞数 1

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.csdn.net/weixin_43245286/article/details/111474648

本文探讨了在JavaScript中使用惰性函数来避免全局变量污染和重复赋值的问题。通过三种不同的实现方式，展示了如何有效地控制函数执行时机，确保只在首次调用时初始化变量，后续调用直接返回已保存的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.问题
返回首次函数返回的值

var timeStamp = null;
function getTimeStamp () {
    if(timeStamp) {
        return false;
    }
    timeStamp = new Date();
    return timeStamp;
}

console.log(getTimeStamp());
console.log(getTimeStamp());
console.log(getTimeStamp());

问题：变量全局污染 if条件每次执行都会被判断

解决1：

var timeTemp = (function () {
	var time = new Date();
	console.log(1);
	return function() {
		return time;
	}
}) ();
console.log(timeTemp());
console.log(timeTemp());
console.log(timeTemp());

问题：变量被重新赋值

解决2: 惰性函数

var getTime = function () {
    var time = new Date();
    console.log(1);
	getTime = function() {
        console.log(2);
		return time;
	} 
	return time;
}
console.log(getTime());
console.log(getTime());
console.log(getTime());
console.log(getTime());

解决三：惰性函数优化

var getTime = function () {
    var time = new Date();
    console.log(1);
	getTime = function() {
        console.log(2);
		return time;
	} 
	return getTime(); // 重写后 执行
}
console.log(getTime());
console.log(getTime());
console.log(getTime());
console.log(getTime());

// 应用场景