一道js题（引用类型、基本类型、包装对象、函数赋值）
浏览数：26 /
时间：2015年06月09日
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仍然改变的）。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
