JavaScript的對象簡單解析

JavaScript的對象簡單解析

今天我們來講一下JavaScript中最重要的知識點之一對象。爲什麼說對象是最重的知識點之一呢，因爲在整個JavaScript中，誇張一點來說，萬物皆對象(類似於道可道，非常道)。

• js對象是 屬性 和 方法的容器。
• js對象分爲 內置對象 和 自定義對象。

1.首先說一下如何創建對象：

    // 這裏要知道對象是由 花括號包含的鍵值對組成
    // 對象的每一項之間用 , 隔開
    var person={
        // 鍵值對
        name:"張三",
        age:12,
        sex:"男",
        hobby:function(){
            console.log("我愛睡覺。")
        }
    }

2.如何訪問對象的屬性：

    // 語法1：對象名.屬性名
    console.log(person.name);
    console.log(person.age);

    // 語法2：對象名["屬性名"]
    console.log(person['sex']);

3.如何訪問對象的方法：

    // 語法：對象名.方法名+()
    person.hobby();
    
    // 注意：被調用的方法立即執行
    var func=person.hobby();//先執行
    console.log(func);//後執行
    

4.利用構造函數的方式創建對象

    // 先 聲明    創建一個對象類型的變量
    var obj=new Object();
    // 後 添加屬性
    var person2={};//對象
    var person3={};//對象
    var person4={};//對象
    obj.name="諸葛成";
    obj.age=24;
    obj[person2]="對象2";
    obj[person3]="對象3";
    obj[person4]="對象4";
    obj.func=function(){
        console.log("我愛jk");
    }
    console.log(obj);//[object Object]: "對象4"

注意：以上代碼中，使用對象作爲鍵，這裏的鍵會被轉換爲字符串 [object Object]。

視頻講解鏈接：
https://www.bilibili.com/video/BV19z411q7a9/