【JavaScript】11_枚举属性+可变类型+修改对象和属性与方法

4、枚举属性

枚举属性，指将对象中的所有的属性全部获取

for-in语句

\- 语法：

for(let propName in 对象){

语句...

}

\- for-in的循环体会执行多次，有几个属性就会执行几次，

每次执行时，都会将一个属性名赋值给我们所定义的变量

\- 注意：并不是所有的属性都可以枚举，比如 使用符号添加的属性

<script>
        let obj = {
            name:'孙悟空',
            age:12,
            gender:'男',
            address:'花果山',
            [Symbol()]:'测试的属性'//符号添加的属性是不能枚举
        }

        for(let propName in obj){
            console.log(propName,obj[propName])
        }
    </script>

5、可变类型

• 原始值都属于不可变类型，一旦创建就无法修改
• 在内存中不会创建重复的原始值

对象属于可变类型
后，可以任意的添加删除修改对象中的属性

• 注意：
• 当对两个对象进行相等或全等比较时，比较的是对象的内存地址
• 如果有两个变量同时指向一个对象，
  通过一个变量修改对象时，对另外一个变量也会产生影响

<script>
        let a = 10 
        let b = 10
        a = 12 // 当我们为一个变量重新赋值时，绝对不会影响其他变量

        // let obj = {name:"孙悟空"}
        let obj = Object()
        obj.name = "孙悟空"
        obj.age = 18

        let obj2 = Object()
        let obj3 = Object()
        // console.log(obj2 == obj3) // false

        let obj4 = obj//obj和obj4指向同一个地址

        obj4.name = "猪八戒" // 当修改一个对象时，所有指向该对象的变量都会收到影响

        console.log("obj", obj)
        console.log("obj4", obj4)
        console.log(obj === obj4)
    </script>

6、改变量和改对象

修改对象（name:"猪八戒"）

• 修改对象时，如果有其他变量指向该对象

则所有指向该对象的变量都会受到影响

修改变量（obj）

• 修改变量时，只会影响当前的变量

在使用变量存储对象时，很容易因为改变变量指向的对象，提高代码的复杂度

所以通常情况下，声明存储对象的变量时会使用const

注意：

const只是禁止变量被重新赋值，对对象的修改没有任何影响

<script>
        const obj = {
            name:'孙悟空'
        }

        const obj2 = obj

        // obj2 = {}
        obj2.name = "猪八戒" // 修改对象

        // obj2 = null // 修改变量,自此之后，obj2 和 obj 再也没有关系了，两者绑定的地址变了

        // console.log(obj)
        // console.log(obj2)

        const obj3 = {
            name:"猪八戒"
        }

        obj3.name = "沙和尚"
        console.log(obj3) 
    </script>

7、方法

补充内容

方法（method）

• 当一个对象的属性指向一个函数，

那么我们就称这个函数是该对象的方法

调用函数就称为调用对象的方法

<script>
        /* 
            补充内容
            方法（method）
                - 当一个对象的属性指向一个函数，
                    那么我们就称这个函数是该对象的方法
                    调用函数就称为调用对象的方法
        */

        let obj = {}

        obj.name = "孙悟空"
        obj.age = 18

        // 函数也可以成为一个对象的属性
        obj.sayHello = function(){
            alert("hello")
        }

        console.log(obj)

        obj.sayHello()//调用对象的方法

        // document.write()
        // String()
    </script>