javascript中的惰性载入函数

本文主要是介绍javascript中的惰性载入函数，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

惰性载入函数

惰性载入函数表示函数执行的分支仅会发生一次，有两种实现惰性载入函数的方式，第一种是在函数被调用时再处理，在第一次调用中，该函数会覆盖为另外一个按合适方式执行的函数，这样任何对函数的调用都不用再经过执行的分支了。第二种实现惰性载入的方式是在声明函数时就制定适当的函数，这样，第一次调用函数时就不会损失性能了，而在代码首次加载时会损失一点儿性能。

载入方式一

var flag = 1;
function test1() {if(typeof flag === 'undefined') {test1 = function() {return 0;}} else if(flag === 1) {test1 = function() {return 1;}} else {test1 = function () {return -1;}}return test1();
}

这里if语句的每个分支都会为test1变量赋值，有效覆盖了原有的函数，最后一步便是调用新赋的函数，下一次调用test1()的时候就会直接调用被分配的函数，就不会再走if语句了，这样就可以提高性能。

载入方式二

var flag = 1;
var test2 = (function() {if(typeof flag === 'undefined') {return function() {return 0;}} else if(flag === 1) {return function () {return 1;}} else {return function () {return -1;}}
})();

不同点是使用了立即执行函数，通过var来定义函数，在每个if分支中return一个函数

总结

这两种方式都能避免执行不必要的代码。方式一中第一次调用会损失性能，方式二重首次加载时会损失性能

这篇关于javascript中的惰性载入函数的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---