执行环境及作用域

• 执行环境及作用域

• 执行环境及作用域
  • 执行环境:定义了变量和函数有权访问的其他数据,决定了它们各自的行为,每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中

    *全局执行环境:是最外围的一个执行环境,全局执行环境直到应用程序退出时才会被销毁;

  • 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. * */ 
     

     ---