3.JS-对象_js obj?.name-CSDN博客

内建对象
1. 由ES标准中定义的对象，在任何的ES的实现中都可以使用
2. 比如：Math String Number Boolean Function Object......
宿主对象
1. 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
  1. 比如：BOM DOM
自定义对象
1. 由开发人员自己创建的对象

对象的基本操作

创建对象
1. 使用 new 关键字调用的函数，是构造函数 constructor
2. 构造函数是专门用来创建对象的函数
3. 使用typeof检查一个对象的时，会返回object
向对象中添加属性（增）
1. 语法：对象.属性名 = 属性值;
2. 在对象中保存的值称为属性
读取对象中的属性（查）
1. 语法：对象.属性名
修改对象的属性值（改）
1. 语法：对象.属性名 = 新值
删除对象的属性
1. 语法：delete 对象.属性名

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>对象的基本操作</title>
    <script>
        //1-创建对象
        /*
            使用new关键字调用的函数，是构造函数constructor
            构造函数是专门用来创建对象的函数
            使用typeof检查一个对象的时，会返回object
        */
        var obj = new Object();

        // console.log(obj);
        
        /*
            在对象中保存的值称为属性

            2-向对象添加属性
                - 语法：对象.属性名 = 属性值;
        */
        //向obj中添加一个name属性
        obj.name = "孙悟空";
        //向obj中添加一个gender属性
        obj.gender = "男";
        //向obj中添加一个age属性
        obj.age = 18;
        /*
            3-读取对象中的属性
                语法：对象.属性名
        */
        // console.log(obj);
        // console.log(obj.name);
        /*
            4-修改对象的属性值
                语法：对象.属性名 = 新值
        */
        obj.name = "tom";

        /*
            5-删除对象的属性
                语法：delete 对象.属性名
        */
        delete obj.name;
        console.log(obj.name);
    </script>
</head>
<body>
    
</body>
</html>

属性名和属性值

向对象中添加属性

属性名：

对象的属性名不强制要求遵守标示符的规范
1. 什么乱七八糟的名字都可以使用
2. 但是！我们使用时还是尽量按照标示符的规范去做
如果要使用特殊的属性名，不能采用 . 的方式来操作
1. 需要另一种方式：
  1. 语法：对象["属性名"] = 属性值 ;
2. 读取时也需要采用这种方式
3. 例：
  
  obj["123"]=789;console.log(obj["123"];)
4. 使用[]这种形式去操作属性，更加的灵活
  1. 在 []中可以直接传递一个变量，这样变量值是多少就会读取那个属性
  2. 例:
    
    obj["123"] = 789;
    
    var n = "123";
    
    console.log(obj[n]);//与console.log(obj["123"]);一样

属性值：

JS对象的属性值，可以是任意的数据类型
- 甚至也可以是一个对象

in 运算符

通过该运算可以检查一个对象中是否含有指定的属性
1. 如果有则返回true,没有则返回false
语法：
1. "属性名"in 对象

基本和引用数据类型

基本数据类型
1. String Number Boolean Null Undefine
引用数据类型
1. Object

JS中的变量都是保存到栈内存中存储的
- 基本数据类型的值直接在栈内存中存储
  - 值与值之间是独立存在，修改一个变量不会影响其他的变量
对象是保存到堆内存中的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间
- 而变量其实保存的是对象的内存地址（对象的引用），如果两个变量保存的是同一个对象引用，当通过一个变量修改属性的时候，另一个也会受到影响
当比较两个基本数据类型时，就是比较值，
- 而比较两个引用数据类型时，它是比较的对象的内存地址
  - 如果两个对象是一摸一样的，但是地址不同，它也会返回

对象字面量

构造函数创建对象

用构造函数方法创建一个对象
- var obj = Object();

用字面量创建对象

使用对象字面量来创建一个对象
- var obj = {};
使用对象字面量，可以在创建对象时，直接指定对象中的属性
- 语法：{属性名:属性值, 属性名:属性值...}
- var obj = {name:"猪八戒"};
对象字面量的属性名可以加引号也可以不加，建议不加，
- 如果要使用一些特殊的名字，则必须加引号
属性名和属性值是一组一组的名值对结构，
- 名和值之间使用":" 连接，多个名值对之间使用 "," 隔开。
- 如果一个属性之后没有其他的属性了，就不要写 “,” 。