JavaScript学习之路-变量

一、变量

1.基本类型和引用类型

Javascript中的变量与其他编程语言中变量，也是有一定区别的，定义变量的时候不用声明是何种类型的变量：

var a = 1;

var s = 'Leo';

变量有俩种类型：基本类型和引用类型。①：基本类型就是简单的数据段，引用类型可能由多个值组成的对象。在前面的文章中我们提到的基本数据类型：undefined Null Boolean Number String 这5种基本数据类型都是基本类型，是按值访问的。②：引用类型的值就是保存在内存中的对象，在JavaScript中，是不允许我们直接操作对象的内存空间的，为此，引用类型其实就是按引用访问的。

1.1动态的属性

定义基本类型值和引用类型值的方式差不多，当这个值保存到变量中，对其操作则有很大不同,对于引用类型的值，我们可以在它创建后为其添加属性和方法。我们举例说明：

// 引用类型
var obj = new Object();
obj.name = "Leo";
obj.func = function(){alert('LeoNAME')}
console.log(obj.name); //Leo
obj.func();//LeoNAME;

// 基本类型
var name = "Leo";
name.age = 18;
console.log(name.age);//undefined;

看到这，对动态的属性，应该明白了，反正在Objective-C、Swift中，没有这项神技（- -）。

2.复制变量值

2.1 基本类型

从一个变量向另一个变量复制基本类型的值时，会在变量对象上创建一个新的值，然后把该值复制到新变量分配的位置上，这俩个值是完全独立的，改变一个都不会影响另一个。

var num1 = 5;
var num2 = num1;

通过下图我们可以更好的理解：

基本类型复制

2.2 引用类型

引用类型的复制，其实说白了就是指针的复制，对于指针的概念，在学C语言的时候，大家应该都很明白，其实就是堆空间的地址。既然引用类型的复制是复制了指针，那当我们改变其中一个的时候，也会影响另一个。

var obj1 = new Object();
var obj2 = obj1;
obj1.name = "Leo";
console.log(obj2.name);//Leo

如图所示：

引用类型复制

3.传递参数

ECMAScript中的参数传递都是值类型传递，其实就是和基本类型的传递一样的，可以把参数成函数的局部变量。在向参数传递基本类型的值的时候，被传递的值会复制给一个局部变量（即命名参数，或者是arguments对象中的一个元素，）；在向参数传递引用类型的值的时候，会把这个值的内存地址复制给一个局部变量（函数的命名参数）。

function add(num){
num+=10;
return num;
}
var count = 20;
var result = add(count);
console.log(count);//20
console.log(result);//30

上述中的列子，正如我们说到的，函数参数num与count是俩个独立的值，它们仅仅是值相同而已。
但是当传递引用类型的时候，就很有意思了。

function setName(obj){
 obj.name = "Leo";
}
var person = new Object();
setName(person);
console.log(person.name);//Leo;

首先创建了一个对象实例person,然后调用了函数，在函数内部其实 obj和person引用的是同一个对象，注意这里是引用，就是说即使这个对象是按值传递的，obj也会按引用来访问同一个对象。即函数内部动态添加了一个属性，所以函数外部的person也会有反映，我想看到这里，你是不是有点蒙了，不是说参数都是按照值传递的嘛。很多开发人员误认为：在局部作用域中修改的对象会在全局作用域中反映出来，就认为参数是按引用类型传递的。我再举一个例子大家就明白了：

function set(obj){
obj.name = "Leo";
obj = new Object();
obj.name = "Venom";
}

var person = new Object();
set(person);
console.log(person.name);//Leo;

如果参数是按照引用类型传递的，那么person.name的值就应该为Venom，但是这里却打印的Leo。这个函数里面我只是添加了俩行代码，一行是为obj重新定义了一个新对象，然后为其添加了一个新的属性name。如果person是按照引用类型传递的，那么person就会修改name属性为Venom。但是结果却不是，这说明在函数内部修改了参数的值，但原始的引用仍然未改变，其实在函数内部重写Obj时，这个变量引用的就是一个局部变量，函数执行完毕，局部变量销毁。

二、总结

变量有俩种类型：基本类型和引用类型；传递参数是按照值类型传递的，我们可以把参数想象成函数的局部变量。