面向对象及组件发开发（四）理解对象的引用

最新推荐文章于 2025-01-19 00:36:31 发布

杭州-前端-求内推

最新推荐文章于 2025-01-19 00:36:31 发布

阅读量319

点赞数

CC 4.0 BY-SA版权

分类专栏： ➽【面向对象及组件开发】文章标签： JS面向对象 JS组件开发理解对象的引用

本文链接：https://blog.youkuaiyun.com/ansenamerson/article/details/72625441

➽【面向对象及组件开发】专栏收录该内容

9 篇文章

订阅专栏

本文通过四个实例展示了JavaScript中对象和数组的操作方法，包括对象的创建与方法调用、数组的比较、共享地址的修改及独立地址的赋值区别等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.实例一

<script type="text/javascript">

    function CreatePerson(name){
        this.name=name;
        this.showName=function(){
            alert(this.name);
        }
    }

    var p1 = new CreatePerson('xiaoming');
    var p2 = new  CreatePerson('xiaoqiang');

    alert(p1.showName == p2.showName);//false
    //由于对对象的引用不同，所以这里的结果是 false
</script>

2.实列二

<script type="text/javascript">
    var a = [1,2,3];
    var b = [1,2,3];

    // they have the same value but different addresses
    alert(a == b);//false
</script>

3.实例三

<script type="text/javascript">
    var a = [1,2,3];
    var b = a;

    b.push(4);
    alert(b);//[1,2,3,4]
    alert(a);//[1,2,3,4]
    alert(a == b);//ture-->same address
</script>

4.实例四

<script type="text/javascript">
    var a = [1,2,3];
    var b = a;
    //只要你重新声明了一个变量，在内存里就会有一块新的空间被创建
    b = [1,2,3,4];
    alert(b);//[1,2,3,4];
    alert(a);//[1,2,3] 
</script>