Question

我理解表达式在执行上下文到达之前不会“存在”。我只是想知道是否有任何区域使用函数表达式比普通函数语句更好，您不必担心函数何时会被保存到内存中。

我完全了解它们如何在差异中工作，我只是对表达的用途感到好奇。

Answer 1

函数表达式在以下几种情况下很有用：

为属性分配功能时：

SomeClass.prototype.myMethod = function(args) {
    // implementation
}

根据具体情况创建可能包含不同实现的变量时：

var sortFn;

if (high > low) {
    sortFn = function(...) {
        // sort increasing order
    }
} else {
    sortFn = function(...) {
        // sort decreasing order
    }
}

// some code that uses sortFn()

在IIFE（立即调用的函数表达式）中：

var getUniqueID = (function() {
   var counter = 0;
   return function() {
       return counter++;
   }
})();

console.log(getUniqueID());   // 0
console.log(getUniqueID());   // 1
console.log(getUniqueID());   // 2

关于IIFE的有用性还有许多其他参考文献：

Javascript why wrap a variable or constructor in an IIFE?

What is the purpose of wrapping whole Javascript files in anonymous functions like “(function(){ … })()”?

What is the (function() { } )() construct in JavaScript?

What is the purpose of a self executing function in javascript?

Advanced Javascript: Why is this function wrapped in parentheses?

用于将函数作为参数传递的内联函数表达式：

fetch(someURL).then(function(value) {
    // this is inside a function expression
}).catch(function(err) {
    // handle errors here
});

myArray.forEach(function(item, index) {
    // process each item of the array here
    // in this function expression
});

Answer 2

一个这样的应用程序可能是在定义一个回调函数时，在回调执行后你不需要引用。例如，如果您使用具有非常简单的回调函数的数组方法（例如map或reduce），则可能不需要使用声明。

var incrementValues = [1, 2, 3, 4, 5].map(function(val) {return val+1});

/// ===> incrementValues = [2, 3, 4, 5, 6]

在Javascript中对函数语句使用函数表达式有什么意义？

2 个答案: