2017-5-26执行环境及租用域

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了2017-5-26执行环境及租用域相关的知识，希望对你有一定的参考价值。

执行环境及作用域

  • 执行环境及作用域

    • 执行环境:定义了变量和函数有权访问的其他数据,决定了它们各自的行为,每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中
      *全局执行环境:是最外围的一个执行环境,全局执行环境直到应用程序退出时才会被销毁;

    • 1.每个函数都有自己的执行环境

    • 2.在局部作用域中定义的变量可以在局部环境中与全局变量互换使用

  • 4.2.1 延长作用域链

    • 执行环境的类型总共只有两种:全局和局部(函数)

    • 延长作用域链:有些语句可以在作用域链的前端临时增加一个变量对象,该变量对象会在代码执行完后被移出

    • 1.try-catch语句的cath块,会创建一个新的变量对象;

    • 2.with语句,会将指定的对象添加到作用域链中;

  • 4.2.2 没有块级作用域

    • 1.没有块级作用域

    • 2.由for语句创建的变量即使是在循环结束之后也会依然存在于全局变量中

    • a.声明变量

    • 使用var声明的变量会自动被添加到最接近的环境中,在函数中最接近的环境就是函数的局部环境,

    • 在with语句中最接近的环境就是函数环境

    • 如果初始化没有使用var声明,该变量会自动添加到全局环境

    • b.查询标示符

    • 当在某个环境中为了读取或者写入一个标示符是,必须通过搜索来确定该标示符实际代表什么,

    • 搜素过程从作用域前端开始向上逐级查询与给定名字匹配的标示符

  • javascript具有自动垃圾收集机制,执行环境会负责管理代码执行过程中使用的内存

    • 1.标记清除

    • 2.引用计数

  • 3.性能问题

  • 4.管理内存

  1. /** 
  2. * Created by Administrator on 2017-5-26. 
  3. */ 
  4. /* 
  5. * ------------------------------ 执行环境及作用域 -------------------- 
  6. * 执行环境:定义了变量和函数有权访问的其他数据,决定了它们各自的行为,每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中 
  7. *全局执行环境:是最外围的一个执行环境,全局执行环境直到应用程序退出时才会被销毁; 
  8. * 1.每个函数都有自己的执行环境 
  9. * 2.在局部作用域中定义的变量可以在局部环境中与全局变量互换使用 
  10. * */ 
  11.  
  12. //1.每个函数都有自己的执行环境 
  13. var color = "blue";//全局变量 
  14. function changeColor() { 
  15. if(color === "blue"){ 
  16. color = "red"; 
  17. var size = 80; 
  18. }else{ 
  19. color = "blue"; 
  20. } 
  21. console.log(size); 
  22. } 
  23. console.log(color); //blue 
  24. changeColor(); 
  25. console.log(color); //red,color的值在changeColor()函数中被改变 
  26. console.log(size);//访问不了size这个变量 
  27.  
  28. //2.在局部作用域中定义的变量可以在局部环境中与全局变量互换使用 
  29. var color = "blue"; 
  30. function changeColor (){ 
  31. var anotherColor = "red"; 
  32. function swapColors(){ 
  33. var tempColor = anotherColor; 
  34. anotherColor = color; 
  35. color = tempColor; 
  36. //这里可以访问color,anotherColor,tempColor 
  37. console.log(color,anotherColor,tempColor); 
  38. } 
  39. swapColors() 
  40. //这里只能访问color anotherColor 
  41. console.log(color,anotherColor); 
  42. } 
  43. //这里只能访问color 
  44. console.log(color); 
  45. changeColor(); 
  46. console.log(color); 
  47. //swapColors(); //这个函数在外部访问不了 
  48. /* 
  49. * 4.2.1 延长作用域链 
  50. * 执行环境的类型总共只有两种:全局和局部(函数) 
  51. * 延长作用域链:有些语句可以在作用域链的前端临时增加一个变量对象,该变量对象会在代码执行完后被移出 
  52. * 1.try-catch语句的cath块,会创建一个新的变量对象; 
  53. * 2.with语句,会将指定的对象添加到作用域链中; 
  54. * */ 
  55.  
  56. //2.with语句会将指定的对象添加到作用域链中 
  57. function buildUrl(){ 
  58. var qs = "?debug=true"; 
  59. with(location){ 
  60. var url = href + qs; 
  61. } 
  62. return url; 
  63. } 
  64.  
  65. console.log(buildUrl()); 
  66.  
  67. /* 
  68. * 4.2.2 没有块级作用域 
  69. * 1.没有块级作用域 
  70. * 2.由for语句创建的变量即使是在循环结束之后也会依然存在于全局变量中 
  71. * a.声明变量 
  72. * 使用var声明的变量会自动被添加到最接近的环境中,在函数中最接近的环境就是函数的局部环境, 
  73. * 在with语句中最接近的环境就是函数环境 
  74. * 如果初始化没有使用var声明,该变量会自动添加到全局环境 
  75. * b.查询标示符 
  76. * 当在某个环境中为了读取或者写入一个标示符是,必须通过搜索来确定该标示符实际代表什么, 
  77. * 搜素过程从作用域前端开始向上逐级查询与给定名字匹配的标示符 
  78. * 
  79. * */ 
  80.  
  81. //1.没有块级作用域if示例 
  82. if(true){ 
  83. var color = "blue"; 
  84. } //按照C语言的理解这里是一个块级,但是在javaScript中并不会 
  85. //在if语句中将color添加到了全局作用域中 
  86. function tempColor(){ 
  87. if(color === "blue"){ 
  88. console.log("三碗不过景阳冈");//依然可以取到color的变量 
  89. } 
  90. } 
  91. tempColor(); //三碗不过景阳冈; 
  92.  
  93. //2.由for语句创建的变量即使是在循环结束之后也会依然存在于全局变量中 
  94. for(var i = 0; i< 10; i++){ 
  95. console.log(i); 
  96. } 
  97. console.log(i+"武松"); 
  98.  
  99. //4.2.2 a.声明变量 
  100. num1 = 18;//未声明的全局变量 
  101. function add(num2){ 
  102. var sum = num1 + num2; 
  103. return sum; 
  104. } 
  105. //add(99); 
  106. console.log(sum);//warning:sum变量是一个全局变量 
  107. console.log(add(99)); 
  108. //使用未声明的全局变量 
  109. function add(num1,num2){ 
  110. sum = num1 + num2; //未声明的sum变量 
  111. return sum; 
  112. } 
  113. add(99,1); 
  114. console.log(sum); 
  115. //4.4.4 b查询标示符 
  116. var color = "blue"; 
  117. function getColor(){ 
  118. console.log(color); 
  119. } 
  120. /* 
  121. *调用getColor的过程 
  122. * window 
  123. * | 
  124. * |-------color 
  125. * | 
  126. * |--------------------getColor 
  127. * */ 
  128. getColor(); 
  129. //如果存在一个局部环境中存在着同名标示符,就不会使用位于父环境中的标示符 
  130. var color = "blue"; 
  131. function getColor(){ 
  132. var color = "red"; 
  133. console.log(color);//red 
  134. } 
  135. //修改后的函数中声明了一个局部color变量,其值为"red",搜索即停止 
  136. getColor(); 
  137. console.log(color); //blue 
  138. /* 
  139. * -------------------------------------4.3 垃圾收集------------------- 
  140. * JavaScript具有自动垃圾收集机制,执行环境会负责管理代码执行过程中使用的内存 
  141. * 1.标记清除 
  142. * 2.引用计数 
  143. * 3.性能问题 
  144. * 4.管理内存 
  145. * */ 

以上是关于2017-5-26执行环境及租用域的主要内容，如果未能解决你的问题，请参考以下文章

执行环境及作用域

JavaScript 执行环境及作用域

执行环境及作用域变量对象作用域链闭包

执行环境及作用域

js中的执行环境及作用域

JS基础--执行环境及作用域