JS变量类型、执行环境及作用域和垃圾收集

一、基本类型和引用类型的值

基本类型值:简单的数据段。

  • 5大基本变量:Undefined、Null、Boolean、Number和String。
  • 按值访问,可操作保存在变量中的实际的值。

引用类型值:可能由多个值构成的对象。

  • JS不允许直接访问内存中的位置,在操作对象时,复制保存对象的某个变量,实际上是操作对象的引用。为对象添加属性时,操作的是对象。

动态的属性

  • 定义方式:创建并赋值。
  • 对于引用类型的值,可以为其添加属性和方法,也可以改变和删除属性和方法。
var person = new Object();
person.name = "Mike";
alert(person.name);  //"Mike"

复制变量值

  • 基本类型
          从一个变量向另一个变量赋值基本类型的值,会将前者的值克隆一个,然后将克隆的值赋值到后者,两者完全独立。
var num1 = 5var num2 = num1;

       num1中的5,与num2中的5完全独立。和C语言相同。

  • 引用类型
          复制引用类型的值时,同样会将储存在变量对象中的值复制一份到新变量分配的空间中,不过,这个值的副本是一个指针,这个指针指向堆内存中的一个对象。两个变量引用的是同一个对象。改变其中一个,会影响另一个。
var obj1 = new Object();
var obj2 = obj1;
obj1.name = "Mike";
alert(obj2.name); //Mike

传递参数
JS中所有函数都是按值传递的。访问变量分为按值和按引用,参数只能按值传递。
基本类型

function addTen(num)
   num+ = 10;
   return num;
var count = 20;
var result = addTen(count);
alert(count);//20 
alert(result);//30
  • 如同复制变量值,基本类型复制的是变量保存的值,函数参数为局部变量,num变化不会影响count。

引用类型

function setName(obj){
   obj.name = "Mike";
}
var person = new Object();
setName(person);
alert(person.name); //Mike 
  • 如同引用类型变量复制一样,传参会把person在内存中的地址复制给obj,obj是局部变量,函数执行完后会被销毁。
function setName(obj){
   obj.name = "Mike";
   obj = new Object();//重新定义对象,重新引用
   obj.name = "Grey";
}
var person = new Object();
setName(person);
alert(person.name); //Mike   这个例子可以看出,引用传递是按值传递,否则,结果将会变为Grey

这里写图片描述

  • 传参时,相当于多了一个指向堆内存中同一个对象指针,而person和obj是独立的。在函数中重新定义了一个对象,也就是现在堆内存中有两个对象,外部person指向的是旧的对象 Mike,而obj 就了新的对象Grey。

检测类型

  • typedeof 用来检测基本类型 语法:typeof 变量名
  • instanceof用于检查对象的类型 语法:result = variable instanceof constructor

二、执行环境及作用域

  • 执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象。
  • 变量对象:环境中定义的所有变量和函数都保存在这个对象中。
  • 全局执行环境是最外围的一个执行环境。根据JavaScript实现所在的宿主环境不同,表示执行环境的对象也不一样。在Web浏览器中,全局执行环境被认为是window对象。因此,所有的全局变量和函数都是作为window对象的属性和方法创建的。
  • 某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数也随之销毁。
  • 作用域链:当代码在一个环境中执行时,会创建变量对象的一个作用域链。作用域链的用途是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是当前执行的代码所在环境的变量对象。
  • 活动对象:活动对象在最开始时只包含一个变量,即arguments对象。作用域链中的下一个变量对象来自包含(外部)环境,而再下一个变量对象来自下一个包含环境。这样一直延续到全局执行环境;全局执行环境的变量对象始终都是作用域链中的最后一个对象。
  • 标识符解析:标识符解析是沿着作用域链一级一级地搜索标识符的过程。搜索过程始终从作用域链的前端开始,然后逐级地向后回溯,直至找到标识符为止。
var color = "blue";
function changeColor(){
   if(color==="blue"){
      color = "red";
   }else{
    color = "blue";
    }
}
changeColor();
alert("Color is now" + color);

函数changeColor()的作用域链包含两个对象:它自己的变量对象(其中定义着arguments对象)和全局变量的变量对象。

另,局部作用域中定义的变量可以在局部环境中与全局变量互换使用。

var color = "blue";
function changeColors(){
    var anotherColor = "red";
    function swapColors(){
        var tempColor = anotherColor;
        anotherColor = color;
        color = tempColor;
    }
}
changeColor();

这里写图片描述

  • 涉及3个执行环境:全局环境、changeColor()的局部环境和swapColors()的局部环境
  • 内部环境可以通过作用域链访问到所有的外部环境,但外部环境不能访问内部环境中的任何变量和函数。

延长作用域链
当执行流进入下列任何一个语句时,作用域链就会得到延长:

  • try-catch语句的catch块
  • with语句

这两个语句都会在作用域链的前端添加一个变量对象。

没有块级作用域
使用var声明的变量会自动被添加到最接近的执行环境中。
不加var就变为全局变量,但这样容易出错,不推荐。

if(true){
    var color = "blue";
}
alert(color);//blue  if语句中的变量会添加到当前执行环境(在这里是全局)

for(var i=0;i<10;i++){
    doSomething(i);
}
alert(i);//10 在JS中被添加到循环外部的执行环境中

function add(num1,num2){    
    var sum = num1+num2; //sum添加在函数局部环境
    return sum;
}
var result=add(10,20);//30
alret(sum);   //sum不是有效量,错误
  • 查询标识符
    如果局部环境中存在着同名标识符,就不会使用位于父环境中的标识符。
var color = "blue"
function getColor(){
    return color;
}
alert(getColor());//"bule"
var color = "blue"
function getColor(){
    var color = "red";
    return color;
}
alert(getColor());//"red"

三、垃圾收集

原理:垃圾收集器会定期(周期性)找出那些不在继续使用的变量,然后释放其内存。

标记清除 js中最常用的垃圾回收方式就是标记清除。当变量进入环境时,例如,在函数中声明一个变量,就将这个变量标记为“进入环境”。从逻辑上讲,永远不能释放进入环境的变量所占用的内存,因为只要执行流进入相应的环境,就可能会用到它们。而当变量离开环境时,则将其标记为“离开环境”。

function fun{
    var a = 10;//被标记,进入环境
    var b = 10;//被标记,进入环境
}
fun();//执行完毕,离开环境,被回收

引用计数:引用计数的含义是跟踪记录每个值被引用的次数。当声明了一个变量并将一个引用类型值赋给该变量时,则这个值的引用次数就是1。如果同一个值又被赋给另一个变量,则该值的引用次数加1。相反,如果包含对这个值引用的变量又取得了另外一个值,则这个值的引用次数减1。当这个值的引用次数变成0时,则说明没有办法再访问这个值了,因而就可以将其占用的内存空间回收回来。这样,当垃圾回收器下次再运行时,它就会释放那些引用次数为0的值所占用的内存。
管理内存—–解除引用
一旦数据不再有用,通过将其值设为null来释放其引用。

function createPerson(name){    
    var localPerson = new Object();
    localPerson.name = name;
    return localPerson;
}
var globalPerson = creatPerson("Mike");

globalPerson = null;

由于localPerson在函数执行完毕离开执行环境,无需手动解除引用。而全局变量globalPerson需要手动解除引用。

猜你喜欢

转载自blog.csdn.net/gaoshanyangzhi_1999/article/details/81159517