JS对象一

对象（Object）
- 对象是JS中的引用数据类型
- 对象是一种复合数据类型，在对象中可以保存多个不同数据类型的属性
-对象的分类：
    1.内建对象
        -由ES标准中定义的对象那个，在任何的ES的实现中都可以使用
        -比如,Math String Number Boolean Function Object...
    2.宿主对象
        -由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
        -比如BOM DOM
    3.自定义对象
        -由开发人员自己创建的对象
- 创建对象
    - 方式一：
        -使用new关键字调用的函数，是构造函数constructor
          构造函数是专门用来创建对象的函数
        - 使用typeof检查一个对象时，会返回object
        - var obj = new Object();
    - 方式二：
        - var obj = {};
        
- 向对象中添加属性
    -在对象中保存的值称为属性
    - 语法：
        对象.属性名 = 属性值;
        对象["属性名"] = 属性值;
        
        - 对象的属性名没有任何要求，不需要遵守标识符的规范，
            但是在开发中，尽量按照标识符的要求去写。
        - 属性值也可以任意的数据类型。
        -如果使用特殊的属性名，不能采用.的方式操作
            需要使用另一种方式--对象["属性名"] = 属性值;
            读取也是--对象["属性名"]

- 读取对象中的属性
    - 语法：
        对象.属性名
        对象["属性名"]
    - 如果读取一个对象中没有的属性，它不会报错，而是返回一个undefined
    
- 删除对象中的属性
    - 语法：
        delete 对象.属性名
        delete 对象["属性名"]

-修改对象的属性
    -语法
        对象.属性名=新值
        
- 使用in检查对象中是否含有指定属性
    - 语法："属性名" in 对象
        - 如果在对象中含有该属性，则返回true
            如果没有则返回false
            
- 使用对象字面量，在创建对象时直接向对象中添加属性
    语法：
        var obj = {
                        属性名:属性值,
                        属性名:属性值,
                        属性名:属性值,
                        属性名:属性值
                }
    对象字面量的属性名可以加引号也可以不加，建议不加，他如果使用特殊名字，则必须加引号
                
- 基本数据类型和引用数据类型
    - 基本数据类型
        String Number Boolean Null Undefined
    - 引用数据类型
        Object
    - 基本数据类型的数据，变量是直接保存的它的值。
        变量与变量之间是互相独立的，修改一个变量不会影响其他的变量。
        var a=123;
        var b=a;
        a++;
        console.log(a);//124console.log(b);//123
    - 引用数据类型的数据，变量是保存的对象的引用（内存地址）。
        如果多个变量指向的是同一个对象，此时修改一个变量的属性，会影响其他的变量。
        var obj=new Object();
        obj.name="孙悟空";
        obj2=obj;
        obj.name="猪八戒";
        console.log(obj.name);//猪八戒
        console.log(obj2.name);//猪八戒
    - 比较两个变量时，对于基本数据类型，比较的就是值，
        对于引用数据类型比较的是地址，地址相同才相同
        var obj3=new Object();
        var obj4=new Object();
        ob3j.name="孙悟空";
        ob4j.name="孙悟空";
        console.log(obj3==obj4);//false
图示1.png
图示2.png
图示3.png
最后编辑于：2020.10.29 11:44:50