码迷，mamicode.com
首页 > 其他好文 > 详细

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

时间：2017-05-26 15:54:14      阅读：173      评论：0      收藏：0      [点我收藏+]

标签：height   mono   neu   for语句   container   ref   war   ack   display   

执行环境及作用域

  • 执行环境及作用域

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

    • 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执行环境及租用域

标签：height   mono   neu   for语句   container   ref   war   ack   display   

原文地址：http://www.cnblogs.com/shuiyaodongwu310988929/p/6908639.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！