第四章 变量，作用域，内存等问题
1. 基本类型和引用类型的值 :
先说一下基本概念...
基本类型指的是简单的数据段
引用类型指的是那些可能由多个值构成的对象
还不够清楚… 上例子
var person = new Object(); //定义了新对象
person.name = "Jack"; //person.name就是引用类型
var name = "Jack"; //name就是基本类型
注：
string类型的定义方式有三种，你可以使用"",'',``三种符号来定义一个string类型的变量
"",''两种方式完全相同，不同的是``
1. var variableWithNewLine = `aaa
bbb` ,这种方式定义的字符串变量包含一个换行符，而"",''对此无能为力
2. var variable = `half of 100 is ${100/2}` ,输出为 half of 100 is 50. 如你所见，${}里面的内容自动被计算出来
2. 复制变量值 :
基本类型是按 值 传递的
引用类型是按 地址 传递的
//这里只列举一下按地址传递
var obj1 = new Object();
var obj1 = obj2;
obj1.name = "Jack";
alert(obj2.name); //Jack
3. 传递参数 :
所有的函数的参数都是按值传递的。
下面举两个例子
//基本类型按值传递
function addTen(num){
num += 10；
return num;
}
var count = 20;
var result = addten(count);
alert(count); //20
alert(result); //30
//引用类型按值传递
function setName(obj){
obj.name = "Jack";
}
var person = new Object();
setname(person);
alert(person.name); //Jack
//看到这里你可能会觉得这不就是按地址传递吗？
//再来看一个例子
function setName(obj){
obj.name = "Jack";
obj = new Object(); //局部变量
obj.name = "Sam"; //为局部变量赋值
}
var person = new Object();
setName(person);
alert(person.name); //Jack
//如你所见，输出的值仍然是Jack,这一点可以证明在函数内部确实是按值传递的。
//那么如何来理解：
//可以把函数的参数全部看作是局部变量，在函数内部执行完毕以后会被立即销毁，但是如果是引用类型的（对象），则在访问的时候看作是同一个对象。
4. typeof检测数据类型 :
typeof 操作符（唯一一个不是符号的操作符，与+-/一样都是操作符）可以检测以一个变量的数据类型（string,number,boolean,undefined,object*）
var a = null;
alert(typeof a); //object
alert(typeof NaN) //number
5. 执行环境和作用域 :
简单的概括来说...
内部的可以访问外部的，外部的不可以访问内部的。
还需要说一点，函数的参数（arguments）也被当做变量来对待，其访问规则同上。
PS:如果我对下面这个 swapColor 函数使用了 arguments,他访问的到底是谁的参数？
关于这点，swapColor() 会现在自己的变量对象中搜索变量和函数名，如果找不到再回去搜索上一级的作用域链。也就是说，你在使用 swapColor() 里的 arguments 时，最先被搜索到的肯定是 swapColor() 里的 arguments,如果 swapColor() 函数没有参数，自然而然访问的就是上一级函数的 arguments 喽！
var color = "Blue"; //不能访问anotherColor和tempColor
function changeColor(){ //该函数可以访问color
var anotherColor = "Red";
function swapColors(){ //该函数可以访问color,anotherColor
var tempColor = anotherColor;
anotherColor = color;
color = tempColor;
}
}
6. 没有块级作用域 :
Javascript并不像C，C++，Java那样的语言一样，由花括号封闭的代码块都有着自己的作用域。还是举例说明...
if(true){
var color = "Blue";
}
alert(color); //Blue
这个在C类语言里是绝对行不通的，因为color在if语句执行完毕后会被立即销毁，但是在JavaScript里面却行得通。所以在你写完if或者for语句时，一定要注意，里面的变量仍然存在于外部的执行环境中。或者你可以使用let关键字来申请一个块级变量（需要浏览器支持ES6标准。
7. 管理内存 :
出于安全方面的考虑，为了防止运行JavaScript的网页而耗尽全部的系统内存导致系统崩溃，编程人员需要尽可能的确保占用最少的内存而获得更好的性能，而优化内存占用的最佳方式，就是为执行中的代码只保存必要的数据，一旦数据不再有用，最好将其值设置为 null 来释放其引用—-这个做法叫做解除引用，直接上例子…
function creatPerson(name){
var localPerson = new Object();
localPerson.name = name;
return localPerson; //localPerson无需我们显示的为其解除引用，JavaScript垃圾收集机制会自动为其释放内存
}
var globalPerson = creatperson("Jack");
globalPerson = null;
//对于globalPerson在我们无需使用它时，可以为它手动解除引用，以求代码最优性能，这里还要说的一点是解除一个值的引用，并不意味着自动回收该值所占用的内存，而是让值脱离其执行环境，以便垃圾收集机制下次运行时将其回收。
小结 :
- 从一个变量向另一个变量复制引用类型的值是，复制的其实是指针，因此，两个变量实际上指的是同一个对象。
- 包含引用类型的变量实际上包含的并不是对象本身，而是一个指向该对象的指针。
网友评论