基本类型和引用类型的值javascript
ECMAScript 变量可能包含两种不一样的数据类型的值：基本类型值和引用类型值。java
基本类型值指的是那些保存在栈内存中的简单数据段，即这种值彻底保存在内存中的一个位置。浏览器
而引用类型值则是指那些保存在堆内存中的对象，意思是变量中保存的实际上只是一个指针，这个指针指向内存中的另外一个位置，该位置保存对象。函数
将一个值赋给变量时，解析器必须肯定这个值是基本类型值，仍是引用类型值。spa
基本类型值：指针
有如下几种：Undefined、Null、Boolean、Number 和 String。这些类型在内存中分别占有固定大小的空间，他们的值保存在栈空间，咱们经过按值来访问的。在某些语言中，字符串以对象的形式来表示，所以被认为是引用类型。ECMAScript放弃这一传统code
引用类型的值：必须在堆内存中为这个值分配空间。因为这种值的大小不固定，所以不能把它们保存到栈内存中。但内存地址大小是固定的，所以能够将内存地址保存在栈内存中。这样，当查询引用类型的变量时，先从栈中读取内存地址，而后再经过地址找到堆中的值。对于这种，咱们把它叫作按引用访问。对象
定义基本类型值和引用类型值的区别blog
定义基本类型值和引用类型值的方式是类似的：建立一个变量并为该变量赋值。可是，当这个值保存到变量中之后，对不一样类型值能够执行的操做则截然不同。ip
var box = new Object(); //建立引用类型 box.name = 'Lee'; //新增一个属性 alert(box.name); //输出 /*若是是基本类型的值添加属性的话，就会出现问题了。*/ var box = 'Lee'; //建立一个基本类型 box.age = 27; //给基本类型添加属性 alert(box.age); //undefined
基本类型值和引用类型值在赋值上的区别
在变量复制方面，基本类型和引用类型也有所不一样。基本类型复制的是值自己，而引用类型复制的是地址。
基本类型
var box = 'Lee'; //在栈内存生成一个 box 'Lee' var box2 = box; //在栈内存再生成一个 box2 'Lee' alert(box); alert(box2); //box2 是虽然是 box1 的一个副本，但它是彻底独立的。也就是说，两个变量分别操做时互不影响。 box2 = 'kkkk'; alert(box2)
引用类型
/* 在引用类型中，box2 其实就是 box，由于他们指向的是同一个对象。若是这个对象中的 name 属性被修改了，box2.name 和 box.name 输出的值都会被相应修改掉了。 */ var box = new Object(); //建立一个引用类型 box.name = 'Lee'; //新增一个属性 var box2 = box; //把引用地址赋值给 box2 alert(box2.name);
函数中传递参数是按值传递
javaScript 中全部函数的参数都是按值传递的，言下之意就是说，参数不会按引用传递，虽然变量有基本类型和引用类型之分。
function box(num) { //按值传递，传递的参数是基本类型 num += 10; //这里的 num 是局部变量，全局无效 return num; } var num = 50; var result = box(num); alert(num); //仍是50 alert(result); //60 /*以上的代码中，传递的参数是一个基本类型的值。而函数里的 num 是一个局部变量，和外面的 num 没有任何联系。*/
function box(obj) { //传递的参数是引用类型,可是是按值传递的，看似传递的是p对象的地址值，实际上是将这个对象直接传进去的 obj.name = 'Lee'; } var p = new Object(); box(p); alert(p.name);
function box(obj) { obj.name = 'Lee'; var obj = new Object(); //函数内部又建立了一个对象 obj.name = 'Mr.'; //并无替换掉原来的 obj } var p = new Object(); box(p); alert(p.name);
执行环境及做用域
执行环境是 JavaScript 中最为重要的一个概念。执行环境定义了变量或函数有权访问的其余数据，决定了它们各自的行为。
全局执行环境是最外围的执行环境。在 Web 浏览器中，全局执行环境被认为是 window对象。
所以全部的全局变量和函数都是做为 window 对象的属性和方法建立的。
var box = 'blue'; //声明一个全局变量 function setBox() { console.log(box); //全局变量能够在函数里访问 } setBox(); //执行函数 /*全局的变量和函数，都是 window 对象的属性和方法*/ var box = 'blue'; function setBox() { console.log(window.box); //全局变量即 window 的属性 } window.setBox(); //全局函数即 window 的方法
function setBox1(){ function setColor(){ return 322; } return 22; } //console.log(window.setColor()); //结果报错，由于setColor这个方法是不属于全局的，没法直接调用
函数里的局部做用域里的变量替换全局变量，但做用域仅限在函数体内这个局部环境。
var box = 'blue'; function setBox() { var box = 'red'; //这里是局部变量，出来就不认识了console.log(box); } setBox(); console.log(box); // blue
var box = 'blue'; function setBox() { box = 'red'; //去掉var就变成全局变量了 } setBox(); console.log(box); // red
经过传参，能够替换函数体内的局部变量，但做用域仅限在函数体内这个局部环境。
var box='blue'; function setBox(box){ console.log(box); } setBox('red'); //red console.log(box); //blue
函数体内还包含着函数，只有这个函数才能够访问内一层的函数。
var box = 'blue'; function setBox() { function setColor() { var b = 'orange'; console.log(box); // blue console.log(b); //orange，只能在这个函数里面访问，不能在外部，由于做用域在这里 } // console.log(b) // 报错：b is not defined setColor(); //setColor()的执行环境在 setBox()内 } setBox()
没有块级的做用域
块级做用域表示诸如 if 语句等有花括号封闭的代码块，因此，支持条件判断来定义变量。
if (true) { //if 语句代码块没有局部做用域 var box = 'Lee'; } console.log(box); //Lee for (var i = 0; i < 10; i ++) { //没有局部做用域 var box = 'Lee'; } console.log(i); 10 console.log(box); // Lee
/*var 关键字在函数里的区别*/ function box(num1, num2) { var sum = num1 + num2; //若是去掉 var 就是全局变量了 return sum; } alert(box(10,10)); alert(sum); //报错，很是不建议不使用 var 就初始化变量，由于这种方法会致使各类意外发生。因此初始化变量的时候必定要加上 var。
var box = 'blue'; function getBox() { return box; //表明全局 box } //若是加上函数体内加上 var box = 'red' 那么最后返回值就是 red console.log(getBox()); //blue
变量查询中，访问局部变量要比全局变量更快，由于不须要向上搜索做用域链。
全局变量和局部变量
<script type="text/javascript">
for(var x = 0;x<3;x++){ //在脚本片断中定义的变量，是全局变量
document.write("x="+x); } document.write("X======="+x);//在java中x变量已经释放，但在js中还可使用x变量
</script>
<script type="text/javascript"> document.write("X======="+x);//在java中x变量已经释放，但在js中还可使用x变量，甚至在这里也能够访问的到
</script>
var x = 4;//全局的变量 function show(x){//局部的变量 x = 8; } show(x); document.write("X======="+x);//结果仍是4
在函数做用域中能够访问到全局做用域的变量，在全局做用域中没法访问到函数做用域的变量
function show(){ var x = 8;//这里是局部变量 } document.write("X======="+x);//这里访问不到函数里的局部变量
变量做用域的练习
当在函数做用域操做一个变量时，它会先在自身做用域中寻找，若是有就直接使用。
若是没有则向上一级做用域中寻找，直到找到全局做用域，若是全局做用域中依然没有找到，则会报错ReferenceError在函数中要访问全局变量可使用window对象
var a = 123; function fun(){ console.log(a); // 函数内部没有变量a，往外面找，结果是123 } fun();
var a = 123; function fun(){ console.log(a); // 函数内部有a变量，只是变量的声明提早了，因此是undefined var a = 456; } fun(); console.log(a); // 全局做用域下的a变量，因此是123
var a = 123; function fun(){ console.log(a); // 函数内部没有声明变量，因此结果是外部的a变量123 a = 456; // 修改了外部变量a的值 } fun(); console.log(a); // 结果是456
var a = 123; function fun(a){ console.log(a); // 调用这个函数的时候没有传参数，因此形参变量a是undefined a = 456; // 无效，由于a变量是行参 } fun(); console.log(a); // 123
var a = 123; function fun(a){ console.log(a); // 123 a = 456; // 无效，由于a是形参数,出了这个函数就没有了 console.log(a) // 456 } fun(123); console.log(a); // 123