`

JavaScript变量、作用域和内存问题

    博客分类:
  • js
 
阅读更多

1、JavaScript变量可以用来保存两种类型的值:基本类型和引用类型值,基本类型值指的是简单的数据段,

而引用类型值指那些可能由多个值构成的对象。其中,基本数据类型包含:Undefined、Null、Boolean、Number和String

2、复制变量   

    2.1、从一个变量向另一个变量复制基本类型的值,会创建这个值的一个副本,如

    

var num1 = 5;
var num2 = num1;

 

    num1中保存的值是5,当使用num1的值来初始化num2时,num2中也保存了值5,但num2中的5与            num1中的5是完全独立的,该值只是num1中的一个副本。此后,这两个变量可以参与任何操作而不会        相互影响。   

   2.2、从一个变更向另一个变量复制引用类型的值,复制的其实是指针,因此两个变量最终都指向同一个对象

    当从一个变量向另一个变量复制引用类型的值时,同样也会将存储在变量对象中的值复制一份放到为新变量分配的空间中。不同的是,这个值的副本实际上是一个指针,而这个指针指向存储在堆中的一个对象。复制操作结束后,两个变量实际上将引用同一个对象。因此,改变其中一个变量,就会影响另一个变量。如:  

var obj1 = new Object();
var obj2 = obj1;    
obj1.name = "wuyan";
alert(obj2.name);    //"wuyan"

     首先,变量obj1保存了一个对象的新实例,然后,这个值被复制到了obj2中,换句话说,obj1和obj2都指向了同一个对象。这样,当为obj1添加name属性后,可以通过obj2来访问这个属性,因为这两个变量引用都是同一个对象。 

3、传递参数    在JavaScript中无论是基本类型还是引用类型,函数参数都是按值传递的,先来看基本类型: 

function test(num) {
   num += 10;
   return num;
}

var num = 10;
var res = test(num);
console.log(num); //10 外部变量并未受到影响
console.log(res); //20 

     接下来看引用类型:

function setName(obj) {
     obj.name = "James";
}

var person = new Object();
person.name = "Jeremy";
setName(person);
console.log(person.name);//James 影响到了外部引用变量 

      乍一看,这不就是按引用传递吗?怎么会是按值传递呢?之所以是按值传递是因为当调用setName(person)的时候,实际上是把person 所指向的对象的引用进行了复制,然后传递给了setName函数,这样在函数setName内部对此引用进行操作时候是会影响到此引用所指向的对象,即外 部person所指向的对象。总的来说,基本类型的参数传递复制的是具体的值,而引用类型的参数传递复制的是这个引用变量存储的对对象的引用。为了进一步证明引用类型的参数传递是按值传递而不是按引用传递的,请看:

    

function setName(obj) {
    obj.name = "James";
    obj = new Object();
    obj.name = "Leon"
}

var person = new Object();
person.name = "Jeremy";
setName(person);
console.log(person.name);//James

   

以上代码输出的是James,如果是按引用传递,那么以上代码输出的是Leon。实际上,当执行obj.name = "James"的时候,引用所指向的对象的值已经发生了改变,当在对obj进行覆盖的时候,obj的值是一个指向局部对象的引用,而这个引用无法对外部的对象产生影响,并且此对象会在函数执行结束之后销毁。

 

4、检测类型    

      确定一个值是哪种基本类型可以使用typeof操作符,而确定一个值是哪种引用类型可以使用instanceof操作符5.执行环境及作用域    全局执行环境是最外围的一个执行环境。根据ECMAScript实现所在的宿主环境不同,表示执行环境的对象也不一样。在Web浏览器中,全局执行 环境被认为是window对象,因此所有全局变量和函数都是作为window对象的属性和方法创建的。某个执行环境中的所有代码执行完毕后,该环境就会被 销毁,保存在其中的所有变量和函数定义也随之销毁(闭包例外)。而全局执行环境直到应用程序退出,如关闭网页或浏览器时才会被销毁。    每个函数都有自己的执行环境。当执行流进入一个函数时,函数的环境就会被推入一个环境栈中。函数执行完之后,栈将其环境弹出,把控制权返回给之前的执行环境。    当代码在一个环境中执行时,会创建变量对象的一个作用域链(scope chain)。作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是当前执行的代码所在环境的变量对象。如果 这个环境是函数,则将其活动对象(activation object)作为变量对象。活动对象在最开始时只包含一个变量,即arguments对象(这个对象在全局环境中是不存在的)。作用域链中的下一个变量 对象来自包含(外部)环境,而再下一个变量对象则来自下一个包含环境。这样,一直延续到全局执行环境;全局执行环境的变量对象始终都是作用域链中的最后一 个对象。    标识符解析式沿着作用域链一级一级地搜索标识符的过程。搜索过程始终从作用域链的前端开始,然后逐级地向后回溯,直到找到标识符为止。    总之,所有变量都存在与一个执行环境中,这个执行环境决定了变量的生命周期,以及那一部分代码可以访问其中的变量。一下是关于执行环境的几点总结:

  • 执行环境有全局执行环境和函数执行环境之分
  • 每次进入一个新执行环境,都会创建一个用于搜索变量和函数的作用域链
  • 函数的局部环境不仅有权访问函数作用于中的变量,而且有权访问其包含(父)环境,乃至全局环境
  • 全局环境只能访问在全局环境中定义的变量和函数,而不能直接访问局部环境中的任何数据
  • 变量的执行环境有助于确立应该何时释放内存

6、没有块级作用域    在javascript中没有块级作用域,这句话怎么理解呢?    举个例子吧:

for(var i = 0; i < 100; i++) {
   
}
console.log(i); //输出100
    运行上面的代码,假如javascript有块级作用域的话,那么下面的控制台输出语句应该是undefined.那时因为块级作用域执行完成后,里面的变量都将被销毁。

    但实际上,控制台输出的是100,这是为什么呢?    在JavaScript中,for语句中的变量声明会将变量添加到当前的执行环境(在这里是全局环境)中,由for语句创建的变量i即使在for循环结束后,也依旧存在于循环外部的执行环境中,也就是没有块级作用域,所以导致i这个变量没有被销毁,所以在下面我们就能访问到这个变量。

注:声明变量时没有使用var声明,该变量会自动被添加到全局环境中。
7、标识符的解析
     标识符的解析是沿着作用域链一级一级地搜索过程;搜索的过程,始终都是从作用域链的前端开始,逐级向后,直到找到标识符为止;搜索过程将一直追溯到全局环境的变量对象,如果在全局环境变量中也没有找到这个标识符,则意味着该变量尚未声明。
   注:作用域链的前端始终都是当前执行代码所在环境的变量对象;作用域链的后端全局执行环境的变量对象始终都是作用域链中的最后一个对象;
 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics