Javascript空對象

Question

這是一個代碼示例，摘自一本名爲的JavaScript：權威指南，第6版，我不明白。

他正在談論物體。

var book ={ 
    topic: "javascript", 
    fat: true 
}; 
book.topic    => "javascript" 
book.["fat"]   => True 
book.author="flanagan"; // creates new property 
book.contents= {};  // empty object* 

所以我不明白的是最後一部分。他是否添加了一個名爲「內容」的新屬性是空的？因爲他把它稱爲一個對象，這讓我感到困惑。

Answer 1

是{}是JavaScript中的一個空對象，它被分配給書對象的內容屬性。

Here you can see that we can use functions defined globaly on object如toString()

Answer 2

它創建原始book對象的新屬性，該屬性的值設置爲一個新的空對象。

Answer 3

查看book變量的定義方式。這是一個對象聲明。 在最後一行，我們添加一個屬性命名內容，併爲其分配對象聲明完全相同的方式，不同的是這其中有沒有財產，因此是一個空對象的書一樣的：{}

Answer 4

大括號{ }符號代表的對象文字。

它們之間沒有任何內容的事實意味着指向空對象（從基礎對象繼承）的新對象引用存儲在book.contents屬性中。

Answer 5

他正在添加名爲contents的新屬性book，該屬性本身是一個空對象。

下面是當他做出更改以幫助您可視化時的外觀結構。

var book = { 
    topic: "javascript", 
    fat: true, 
    author : "flanagan", 
    contents : {} 
}; 

Answer 6

{}創建一個空對象。現在意味着這個對象可以通過book.author="flanagan";

// Both are same 
book.contents = new Object(); 
book.contents = { } ; 

Answer 7

在JavaScript中，你可以創建{}符號的對象定義新的屬性相同，稱爲對象字面，你可以添加你什麼都想要到這個對象在未來由點連功能，在第一步的例子：

VAR書= {話題： 「JavaScript的」，脂肪：真正};

書對象有兩個屬性話題和脂肪創建，然後這個對象被擴展爲作者 string和內容作爲內部對象，就像我說的你可以使用它來創建空對象（var t = {} //示例）; 如果你使用

typeof book.contents // returns "object"

Answer 8

<script type="text/javascript"> 

     var book ={ 
      topic: "javascript", 
      fat: true 
     }; 


     book.topic = "javascript"; 
     book.fat = true; 
     book.author = "flanagan"; // creates new property 
     book.contents = {};  // empty object* 
     //The curly bracket { } denotes here an object. 
     //will add a property contents and will contain an empty object 

     alert(book.contents); //it will display [object Object] 

     book.contents.name = 'Success Stories'; 
     //adding propertis to the object contents 
     alert(book.contents.name); 

     /* 
     you can consider it as object inside object 

     objectOuter { 
      property1: value1 
      property2: value2 
      property3: objectInner { 
       property1: value1 
       property2: value2 
      } 
     } 
     */  

    </script>