不同語法的匿名函數在 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中文網其他相關文章!