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/