本章内容:理解基本类型和引用类型的值;理解执行环境;理解垃圾收集。

 基本类型和引用类型的值

ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值。

基本类型值:简单数据段;Undefined、Null、Boolean、Number和String;可以操作保存在变量中实际的值。

引用类型值:多个值构成的对象;Function、Array、Object.....;保存在内存中的对象,JS不允许直接访问,只是在操作对象的引用。

动态的属性:

定义基本类型值和引用类型值的方式:创建一个变量并为该变量赋值。当这个值存到变量中以后,对不同类型值可以执行的操作大相径庭。

引用类型的值:可以添加、删除和改变属性和方法。

基本类型:不能添加属性。但是这样做不会导致错误。

复制变量值:

传递参数:

ECMAScript中所有的函数的参数都是按值传递的。把函数外部的值复制给函数内部的参数,就和把值从一个变量赋值到另一个变量一样。

访问变量有按值和按引用两种方式,而参数只能按值传递。

参数传递基本类型的值时,被传递的值会被复制给一个局部变量(命名参数,ECMAScript概念,arguments对象中的一个元素)。

参数传递引用类型的值时,会把这个值在内存中的地址复制给一个局部变量,因此这个局部变量的变化会反映在函数的外部。

可以把ECMAScript函数的参数想象成局部变量。

检测类型:

检测基本类型:typeof操作符‘;

检测引用类型:instanceof操作符

语法:result = variable instanceof constructor

检测一个引用类型值和object构造函数时,那么instanceof操作符就会返回true。

检测基本类型的值,那么instanceof操作符就会返回false,因为基本类型不是对象。

执行环境及作用域

执行环境:JavaScript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。

全局执行环境:他是最外围的一个执行环境,被认为是window对象。

每个函数都有自己的执行环境。当执行流进入一个函数时,函数的环境就会被推入一个环境栈中。而在函数执行之后,栈将其环境弹出,把控制权返回给之前的执行环境。

作用域:当代码在一个环境执行时,会创建变量对象的一个作用域链。作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前段,始终都是当前执行的代码所在环境的变量对象。如果这个环境是函数,则将其活动对象作为变量对象。活动对象在最开始时只包含一个变量,即arguments对象(这个对象在全局环境中是不存在的)。作用域链中的下一个变量对象来自包含(外部)环境,而再下一个变量对象则来自下一个包含环境。这样,一直延续到全局执行环境;全局执行环境的变量对象始终都是作用域链中的最后一个对象(window对象)。

举个例子:

var color = "blue";function changeColor()
{if(color === "blue"){color = "red";}else{color = "blue";}
}
changeColor();
alert("Color is now " + color);

这个例子中,函数changeColor()的作用域链包含两个对象:它自己的变量对象和全局环境的变量对象。可以在函数内部访问变量color,就是因为可以在这个作用域链中找到它。

在局部作用域中定义的变量可以在局部环境中与全局变量交互使用,例子所示:

var color = "blue";function changeColor()
{var anotherColor = "red";function swapColors(){var tempColor = anotherColor;anotherColor = color;color = tempColor;//这里可以访问color、anotherColor和tempColor
    }swapColors();//这里可以访问color和anotherColor。但不能访问tempColor
}
changeColor();
//这里只能访问color

以上代码共涉及3个执行环境:全局环境、changeColor()的局部环境和swapColors()的局部环境。这个例子的作用域链

图中的矩形表示特定的执行环境。我们可以看到变量tempColor只能在swapColor()环境中访问到,而在changeColor()的局部环境还是全局环境中都无法访问到它。因此我们可以得到一个结论:内部的环境可以通过作用域链访问所有的外部环境,但外部的环境无法访问内部的环境中的任何变量和函数。每个环境都可以向上搜索作用域链,以查询变量和函数名;但是任何环境都不能通过向下搜索作用域而进入另一个执行环境。

延长作用域链

虽然执行环境的类型总共只有两种——全局和局部(函数),但还是有其他办法来延长作用域链。当执行流进入下列任何一个语言时,作用域就会得到加长:

try-catch语句的catch块;  创建一个新的变量对象,其中包含的是被抛出的错误对象的声明;

with语句;会将指定的对象添加到作用域链中。

没有块级作用域

JavaScript没有块级作用域,举个例子:

if(true)
{var color = "blue";
}
alert(color);

一个if语句中定义了变量color。如果实在C、C++或Java中,color会在if语句执行完毕后被销毁。但是在JavaScript中,if语句中的变量声明会将变量添加到当前的执行环境(这里是全局环境)中。在使用for语句时尤其要牢记这一差异。再举个例子:

   for(var i = 0; i< 10; i++){}alert(i);

对于JavaScript来说,由for语句创建的变量 i 即使在for循环执行结束后,也依旧会存在于循环外部的执行环境中。

1.声明变量

使用var声明的变量就是函数的局部变量。在函数外部访问不到。

未使用var声明的变量就是函数的全局变量,可以在函数外部访问到。

但是建议初始化变量之前,一定要先声明。

2.查询标识符

当在某个环境中为了读取或写入而引用一个标识符时,必须通过搜索来确定该标识符实际代表什么。

搜索过程从作用链域的前段开始,如果在局部环境找到了该标识符,搜索过程停止,变量就绪。如果没有找到一直到全局环境,那么意味着该变量尚未声明。

垃圾收集

JavaScript是一门具有自动垃圾收集机制的编程语言,开发人员不必关心内存分配和回收问题。

  • 离开作用域的值将被自动标记为可以回收,因此将在垃圾收集期间被删除。
  • “标记清除” 是目前主流的垃圾收集算法,这种算法的思想是给当前不使用的值加上标记,然后再回收其内存。
  • 另一种垃圾收集算法是 “引用计数”,这种算法的思想是跟踪记录所有值被引用的次数。JavaScript引擎目前都不再使用这种算法;但在IE中访问非原生JS对象时,这种算法仍然可能会导致问题。
  • 当代码中存在循环引用现象时,“引用计数” 算法就会导致问题。
  • 解除变量的引用不仅有助于消除循环引用现象,而且对垃圾收集也有好处。为了确保有效地回收内存,应该及时解除不再使用的全局对象、全局对象属性以及循环引用变量的引用。

小结:

JS变量可以用来保存两种类型的值:基本类型值和引用类型值。具有以下特点:

  • 基本类型值在内存中占据固定大小的空间,因此被保存在栈内存中;
  • 从一个变量向另一个变量复制基本类型的值,会创建这个值的一个副本;
  • 引用类型的值是对象,保存在堆内存中;
  • 包含引用类型值的变量实际上包含的并不是对象本身,而是一个指向该对象的指针;
  • 从一个变量向另一个变量复制引用类型的值,复制的其实是指针,因此两个变量最终都指向同一个对象;
  • 确定一个值是基本类型可以使用typeof操作符,确定一个值是引用类型可以使用instanceof操作符;

所有变量(包括基本类型和引用类型)都存在于一个执行环境(也称为作用域)当中,这个执行环境决定了变量的生命周期,以及那一部分代码可以访问其中的变量。总结几点:

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

转载于:https://www.cnblogs.com/zxx1997/p/6946801.html

JavaScript高级程序设计(4)变量、作用域和内存问题相关推荐

  1. javascript高级程序设计之变量、作用域和内存问题

    1.基本类型和引用类型的值 1.1 动态属性 对于引用类型的值,可以为其添加属性和方法,也可以改变和删除其属性和方法 1.2 复制变量值 基本类型的复制的值是相互独立的 引用类型的复制,其值的副本是指 ...

  2. 读javascript高级程序设计02-变量作用域

    一. 延长作用域链 有些语句可以在作用域前端临时增加一个变量对象,该变量对象在代码执行完成后会被移除. ①with语句延长作用域. function buildUrl(){ var qs=" ...

  3. 读javascript高级程序设计-目录

    javascript高级编程读书笔记系列,也是本砖头书.感觉js是一种很好上手的语言,不过本书细细读来发现了很多之前不了解的细节,受益良多.<br/> 本笔记是为了方便日后查阅,仅作学习交 ...

  4. JavaScript高级编程设计(第三版)——第四章:变量作用域和内存问题

    系列文章目录 第二章:在html中使用javaScript 第三章:基本概念 第四章:变量作用域和内存问题 第五章:引用类型 目录 系列文章目录 前言 一.基本数据类型和引用类型的值? 1.数据类型 ...

  5. 《javascript高级程序设计》笔记:内存与执行环境

    上一篇:<javascript高级程序设计>笔记:继承 近几篇博客都会围绕着图中的知识点展开 由于javascript是一门具有自动垃圾收集机制的编程语言,开发者不必担心内存的分配和回收的 ...

  6. 《javascript高级程序设计》笔记:变量对象与预解析

    上一篇:<javascript高级程序设计>笔记:内存与执行环境 上篇文章中说到: (1)当执行流进入函数时,对应的执行环境就会生成 (2)执行环境创建时会生成变量对象,确定作用域链,确定 ...

  7. 《JavaScript高级程序设计(第3版)》教程大纲

    词条 <JavaScript高级程序设计>是2006年人民邮电出版社出版的图书,作者是(美)(Nicholas C.Zakas)扎卡斯.本书适合有一定编程经验的开发人员阅读,也可作为高校相 ...

  8. 前端红宝书《JavaScript高级程序设计》核心知识总结

    此文是对<JavaScript 高级程序设计>一书难点的总结,也是笔者在看了 3 遍之后的一些梳理和感想,希望能借此巩固js的基础和对一些核心概念有更深入的了解. 摘要 JS基本的数据类型 ...

  9. 《JavaScript高级程序设计》(第2版)上市

      本书是技术畅销书<JavaScript高级程序设计> 的第2版,几乎全部更新.重写 了上一版的内容,融入了作者近几年来奋战在前端开发一线的宝贵经验 , 是学习和提高JavaScript ...

  10. javascript 高级程序设计_重读《JavaScript高级程序设计》

    最近自己在休假,打算闭门几天将<JavaScript高级程序设计>(第3版)这本良心教材再回顾一遍.目前自己进入前端领域两年多,现在重读并记录下这本教材的"硬"知识点 ...

最新文章

  1. Nginx 做图片服务器
  2. 卷起来了,写了一套计算机视觉学习笔记(20G/代码/PPT/视频)
  3. Ubuntu系统的安装
  4. 二十三、“为天下人谋幸福,才是真正的大事。”(2021.7.9)
  5. [转] Lock-Free 数据结构
  6. 【转】博客美化(1)基本后台设置与样式设置
  7. 数据库学习之MySQL安装
  8. CUDA:使用nvprof工具计时
  9. 计算机管理要继续请输入,若要继续,请键入管理员密码然后单击是问题解决方法...
  10. JavaScript——Prototype详探
  11. 读大道至简——编程的精义感想
  12. C++基础教程之多态
  13. winform前后端框架_ABP开发框架前后端开发系列(1)框架的总体介绍
  14. java future 返回值_Java--Callable与返回值future
  15. U盘(电脑)文件夹变成exe(应用程序)怎么解决
  16. python怎么让图片旋转45度_我能把x轴旋转45度吗?试着做温度图
  17. python中的大数据品牌运营专业公司_大数据专业有哪些就业岗位?
  18. Neo4j CQL - DELETE删除
  19. 使用js实现植物大战僵尸的一些基本功能
  20. 转载批处理之FOR语句祥解

热门文章

  1. 最新恶意复制型病毒及代码分析
  2. Bug管理 Mantis(配置详细)
  3. 译Selenium Python Bindings 6 - WebDriver API
  4. 方差、标准差(均方差),均方误差、均方根误差
  5. 存档位置_胶带输送机综合保护装置安装位置 技术标准(试行)
  6. Mysql数据库知识总结
  7. HBase到MR再到HBase
  8. 如何建立有效的数据挖掘步骤
  9. 大数据分析有哪些步骤
  10. 大数据分析技术架构的通用模块