zoukankan      html  css  js  c++  java
  • 一道js题(引用类型、基本类型、包装对象、函数赋值)

    var a = 1;
    var obj = {
        b: 2
    };
    var fn = function () {};
    fn.c = 3;
     
    function test(x, y, z) {
        x = 4;
        y.b = 5;
        z.c = 6;
        return z;
    }
    test(a, obj, fn);
    alert(a + obj.b + fn.c);
    复制代码
    答案是12,如果回答得正确,就没必要看下去。If not,就跟我一起来学习下好啦~
     
    (一)基本类型
     
     
    首先,Javascript的基本类型有Boolean,String,Number,还有Undefined和Null,啊你肯定会说干嘛又扯最无聊的any book的语法第一章内容,了解这个又怎么样,还真的有用呢。首先得明白的是,只有字面量的Boolean,String和Number,以及undefined+null(exact undefined null,区分大小写)才是属于基本类型的,new出来的不算。
     
    即:
     
    alert(typeof false);//"boolean"
    var b = new Boolean(false);
    alert(typeof b);//"object"
    同样,new String('aaa')这种都不是基本类型,直接的a='aaa',a是基本类型,这就是:字面量的才是基本类型。
     
    另一方面,Object,Function,Array其实都是构造函数,因为可以直接new Object()等,所以它们都是函数,so (Object instanceof Function === true) &&(Function instanceof Object===true).
     
    要注意的是,基本类型没有属性和方法,但它们可以调用对应基本包装类型的方法,可以来看下面的例子:
     
    var a = 'ot';
    a.age = 18;//hahahahaha,yeah,forever 18
    alert(a.age);//undefined
    a.length = 160;
    alert(a.length);//2
    第二步的a.age = 18其实在实现的时候分成三步:
     
    var s1 = new String('ot');
    s1.age = 18;
    s1 = null;
    即基本类型每次调用类型或方法都会创建新对象,随后便销毁。
     
    同样,在alert(a.age)的时候,分为下列步骤:
     
    var s2 = new String('ot');
    alert(s2.age);
    s2=null;
    因为没有对s2定义age方法,所以输出为undefined。在alert(a.length)的时候,由于s3=new String('ot'),String有length方法,所以,会输出结果,当然,上一步的赋值操作的对象也一定已经被销毁了。
     
    (二)引用or Copy
     
    Clear about基本类型后,要了解的是,基本类型变量存在栈内部,每赋值一次就创建一个新的copy,然后play with itself. 而除了基本类型之外的引用类型,则存在堆内存中,只能引用。可以来看下面的例子:
     
    复制代码
    var ot = new Object();//创建一个对象,把地址赋值给ot,即ot指向这个地址
    var op = ot;//把ot的值赋给op,所以op也是指向那个对象
    op.age = 18;
    alert(ot.age);//18
     
    op = new String('sunshine');//把新创建对象的地址赋给op,ot当然不变
    alert(ot.length);//undefined
    复制代码
    看了注释部分,相信已经能理解了。
     
    (三)参数传递
     
    Javascript的参数传递为值传递,我们来看下面的例子:
     
    复制代码
    function setAge(i)
    {
        alert(i);//24
        i = 18;
        alert(i);//18
    };
     
    var ot = 24;
    setAge(ot);
     
    alert(ot);//24
    复制代码
    把ot的值24传递进去,赋值给i,于是第一个alert的是24,然后i重新赋值,于是alert出来的是18,但外层的ot不受影响,因为传递值,也就是复制了份内容给i而已。
     
    那传递的值为引用类型时会怎么样呢?先看例子:
     
    复制代码
    function setName(obj)
    {
        obj.name = 'ot';
    };
     
    var obj2 = new Object();
    setName(obj2);
    alert(obj2.name);//ot
    复制代码
    这看起来很像是传递的是引用,因为obj.name受到改变了,但其实不是,其实还是值,因为obj2本身的值就是新对象的地址,所以传进去的就是这个地址。
     
    (四)回到面试题
     
    我们现在再来看前面的面试题:
     
    复制代码
    var a = 1;
    var obj = {
        b: 2
    };
    var fn = function () {};
    fn.c = 3;
     
    function test(x, y, z) {
        x = 4;
        y.b = 5;
        z.c = 6;
        return z;
    }
    test(a, obj, fn);
    alert(a + obj.b + fn.c);
    复制代码
    首先test传递进去的实参中,a是基本类型(啊对了,复制了一份值喔喔),obj是object(指向地址呼啦啦,你动我也动呢),fn也当然不是基本类型啦。在执行test的时候,x被赋值为4(跟a没关系,各玩各的嘛,a仍然为1),y的b被赋值为5,那obj的b也变为5,z的c变为6,那fn的c当然也会是6. 所以alert的结果应该是1+5+6 =12. (其实test不返回z也一样,z仍然改变的)。
  • 相关阅读:
    Linux Select之坑
    BitCoin p2p通信过程
    2018软工实践——团队答辩
    Ubuntu16安装GTK+2.0教程
    福大软工1816 · 第五次作业
    福大软工1816 · 第五次作业
    福大软工1816 · 第五次作业
    福大软工1816 · 第五次作业
    Notepad++一键编译运行(Python、Java、C++)
    福大软工1816 · 第四次作业
  • 原文地址:https://www.cnblogs.com/dunken/p/4364126.html
Copyright © 2011-2022 走看看