【JavaScript】14_修改对象和属性与方法

简介: # 6、改变量和改对象## 修改对象(name:"猪八戒")- 修改对象时,如果有其他变量指向该对象​ 则所有指向该对象的变量都会受到影响## 修改变量(obj)- 修改变量时,只会影响当前的变量​ 在使用变量存储对象时,很容易因为改变变量指向的对象,提高代码的复杂度​ 所以通常情况下,声明存储对象的变量时会使用const​ 注意:​ const只是禁止变量被重新赋值,对对象的修改没有任何影响```html <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>
相关文章
|
13天前
|
缓存 监控 前端开发
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法,我们可以实现较为可靠和高效的大文件上传功能。当然,具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
|
5天前
|
监控 JavaScript 前端开发
确定使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript
【10月更文挑战第24天】选择使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript 是一个需要综合考虑多个因素的决策。需要根据脚本之间的依赖关系、页面加载性能要求、脚本的功能和重要性等因素来进行权衡。在实际应用中,需要通过测试和验证来确定最适合的加载方式,以提供更好的用户体验和页面性能。
|
21小时前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
5天前
|
JavaScript 前端开发 Go
异步加载 JS 的方法
【10月更文挑战第24天】异步加载 JavaScript 是提高网页性能和用户体验的重要手段。通过使用不同的方法和技术,可以实现灵活、高效的异步加载 JavaScript。在实际应用中,需要根据具体情况选择合适的方法,并注意处理可能出现的问题,以确保网页能够正常加载和执行。
|
5天前
|
监控 JavaScript 前端开发
使用 `defer` 属性异步加载 JavaScript
【10月更文挑战第24天】使用 `defer` 属性异步加载 JavaScript 是一种有效的提高页面性能和用户体验的方法。通过合理设置 `defer` 属性,可以在不影响页面渲染的情况下异步加载脚本,并确保脚本的执行顺序。在实际应用中,需要根据具体情况选择合适的加载方式,并注意处理可能出现的问题,以确保页面能够正常加载和执行。
|
17天前
|
人工智能 JavaScript 网络安全
ToB项目身份认证AD集成(三完):利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能 - 以及针对中文转义问题的补丁方法
本文详细介绍了如何使用 `ldapjs` 库在 Node.js 中实现与 Windows AD 的交互,包括用户搜索、身份验证、密码修改和重置等功能。通过创建 `LdapService` 类,提供了与 AD 服务器通信的完整解决方案,同时解决了中文字段在 LDAP 操作中被转义的问题。
|
21小时前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
21小时前
|
JavaScript 前端开发 开发者
|
前端开发 JavaScript
第60天:js常用访问CSS属性的方法
一、 js 常用访问CSS 属性的方法 我们访问得到css 属性,比较常用的有两种:     1. 利用点语法        box.style.width      box.style.top          点语法可以得到 width  属性  和 top属性  带有单位的。
1166 0