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

举报
魔天伦 发表于 2023/02/24 18:16:24 2023/02/24
【摘要】 4、枚举属性枚举属性,指将对象中的所有的属性全部获取for-in语句- 语法:for(let propName in 对象){​    语句…}- for-in的循环体会执行多次,有几个属性就会执行几次,每次执行时,都会将一个属性名赋值给我们所定义的变量- 注意:并不是所有的属性都可以枚举,比如 使用符号添加的属性 <script> let obj = { ...

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>
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。