您的位置：首页 > Web前端 > JavaScript

js12--块作用域函数作用域

2017-05-17 03:51 218 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type=text/javascript charset=utf-8>
//闭包就是执行环境的范围。每return一次就返回一个新的对象出去新的地址

//1 执行环境 window对象(最上层的执行环境)
var color1 = "blue";
function changeColor(){ // 每一个函数 都有一个执行环境 （variable obj）
var color2 = "red";
function swapColor(){        // 这个函数 又产生了一个执行环境 (variable obj)

// c3 3级作用域  c2 2级作用域 c1 1级作用域
var color3 = color2;
color2 = color1;
color1 = color3;
//这里可以访问：color1、2、3
}
//这里可以访问color1、color2、但不能访问color3
swapColor();
}
//这里只能访问color1
changeColor();         // 作用域 window  第一个作用环境
// 环境变量 可以一层一层的向上进行追溯 可以访问它的上级 环境(变量和函数)
// 一层一层的像上追溯
</script>
</head>
<body>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type=text/javascript charset=utf-8>
//垃圾收集 方法1 标记方法  2 引用计数法（变量被引用就标记+1,）
function test(){
var a = 10 ;     //标记为被使用
var b = 20 ;    //标记为被使用
var c ;
}
test(); //函数执行完毕 之后 a、b又被标记了一次 :没有被使用

//块级作用域的概念，java有for、if、大括号 有块级作用域的概念｛｝大括号范围、
// js 没有大括号范围，只有函数作用域范围,i属于函数的局部域
function test(){
for(var i = 1 ; i <=5; i++){  //i
alert(i);
}
alert(i);  //6
}
test();
alert(i);// i is not defined

{
for(var i = 1 ; i <=5; i++){  //i
alert(i);
}
}
alert(i);  //6

//javascript模拟块级作用域， js : () 表示执行
function test(){
(
function(){
for(var i = 1 ; i <=5; i++){  //i
alert(i);
}
}
)
();
alert(i);//undefined
}
test();
(function(){alert('我直接执行了!');})();
</script>
</head>
<body>
</body>
</html>

执行环境（execution context）定义了变量或函数有权访问的其他数据，每一个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。
全局执行环境是最外围的一个执行环境。根据ECMScript实现所在的宿主环境（web浏览器window，手机，平板）不同，表示执行环境的对象也不一样。
每一个函数都有自己的执行环境。当执行流进一个函数时，函数的环境就会被推入一个环境栈中。而在函数执行之后，栈将其环境弹出，把控制权返还给之前的执行环境。当代码在一个环境中执行时，会创建变量对象的一个作用域链（scope chain）。作用域链的用途，是保证对执行环境有权访问的所有变量和函数的有序访问。

javascript是一门具有自动垃圾收集机制的编程语言。开发人员不必关心内存分配和回收问题。每隔一段时间执行看是不是没有被引用了，没有被引用就回收。
离开作用域的值将被自动标记为可以回收，因此将在垃圾收集期间被删除。标记清除是目前主流的垃圾收集算法。这种算法的思想是给当前不使用的值加上标记，然后回收其内存。
javascript里面没有块级作用域的概念，和C、JAVA等高级语言不同。所以在使用if、for时候要格外的小心。

function test(){
function(){  //不能这么写
for(var i = 1 ; i <=5; i++){  //i
alert(i);
}
}

var d = function(){//不能不写var d = ，语法过不了，此时把函数里面当成类里面看待。可以这么写，但是函数不执行
for(var i = 1 ; i <=5; i++){  //i
alert(i);
}
}

(function(){   //可以这么写，但是函数不执行
for(var i = 1 ; i <=5; i++){  //i
alert(i);//1,2,3,4,5
}
})
alert(i);//i is not defined

(function(){ //函数立即执行
for(var i = 1 ; i <=5; i++){  //i
alert(i);//1,2,3,4,5
}
})();
alert(i);//i is not defined
}
test();

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航