當與修飾符結合使用時，具有不同語法的匿名函數在 JavaScript 中的行為是否有所不同？

不同語法的匿名函數在 JavaScript 中功能相同嗎？

在 JavaScript 中， (function() { })() 和 ( function() { }()) 可能會透過連續顯示「foo」和「bar」來執行相同的任務。但是，在某些條件下，這兩種語法之間存在細微差別。

程式碼區塊1：

(function() {
    bar = 'bar';
    alert('foo');
})();

alert(bar);

程式碼區塊2：

(function() {
    bar = 'bar';
    alert('foo');
}());

alert(bar);

等效函數

在沒有任何修改的情況下，兩個程式碼區塊在功能上等效。他們創建一個匿名函數，立即執行它，然後訪問函數中定義的 bar 變數。

與修改的差異

但是，如果您引入這樣的修飾符在函數調用之前作為new 或在函數調用之後添加某些內容，行為會發生變化。

帶有 new 和 .prop 的程式碼區塊 1：

new (function() {
    this.prop = 4;
}) ().prop;

此程式碼建立一個匿名函數的新實例並存取其 prop 屬性。它傳回 4.

帶有 new 和 .Class 的程式碼區塊 2：

new ( function() {
    return { Class: function() { } }; 
}() ).Class;

相反，此程式碼在 Class 屬性上呼叫 new。由於外括號內有額外的括號，函數呼叫不是 new 表達式的一部份。相反，它會正常調用該函數並返回其返回值，該返回值是一個類別實例。

總而言之，雖然(function() { })() 和(function() { }()) 在功能上都是在正常情況下等效，但當與影響其執行方式的修飾符結合使用時，它們的行為會有所不同。

以上是當與修飾符結合使用時，具有不同語法的匿名函數在 JavaScript 中的行為是否有所不同？的詳細內容。更多資訊請關注PHP中文網其他相關文章！