傳遞給IIFE時，對象屬性（數字）的typeof返回undefined。 為什么？

Question

世界上輸出的數字不是多少？

• 有一個傳遞給對象的簡單函數（IIFE），其屬性為數字
• 當我們嘗試查找引用數字的屬性的typeof時，結果為“未定義”

怎么樣？

 <script> x = (function(foo){ return typeof(foo.bar); })({ foo: { bar: 1 } }); console.log(x); </script> 

Answer 1

如果應該是foo.foo.bar

foo參數是一個對象，其中包含名為foo的屬性

 x = (function(foo) { return typeof(foo.foo.bar); })({ foo: { bar: 1 } }); console.log(x); 

您可能打算像這樣破壞參數：

 x = (function({ foo }) { return typeof(foo.bar); })({ foo: { bar: 1 } }); console.log(x); 

Answer 2

foo是參數。 您必須使用來訪問函數內部的屬性。 符號

 x = (function(foo){ return typeof(foo.foo.bar); })({ foo: { bar: 1 } }); console.log(x); 

Answer 3

函數中的foo參數是整個對象（而不是嵌套的對象）：

{ foo: { bar: 1 } }

因此，當您執行foo.bar ，沒有bar屬性，因此得到undefined 。

因此， typeof undefined將給您"undefined" 。 相反，您可以使用更清晰的屬性名稱，以便每個對象的類型都易於理解，然后從您的參數訪問foo屬性：

 x = (function(obj){ return typeof(obj.foo.bar); })({ foo: { bar: 1 } }); console.log(x); 

Answer 4

您可以在function參數中解構foo 。

 let x = (function({foo}){ return typeof(foo.bar); })({ foo: { bar: 1 } }); console.log(x);