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

     ---