<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>理解函数在第一次调用时发生了什么</title>
</head>
<body>
<script>
//函数在第一次调用的时候发生了什么
function compare (value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}
var result = compare(5, 10);
//以上代码先定义compare函数，然后又在全局环境中调用它。
//首先在compare函数在第一次调用时：
//会创建一个执行环境（execution context）及相应的作用域链，
//并把作用链赋值给执行环境中的一个内部属性[[Scope]].
//其次：
//使用this、arguments、和形参的值来初始化函数的活动对象（activation object）。
//activation object里面包含： arguments对象和value1、value2.
//然后：
//[[Scope]]属性中的作用域链会指向 函数的活动对象 和外部函数的活动对象。
//此时外部函数的活动对象里面包含：result、compare，comepare指向该函数的执行环境（execution context）
//注意：在[[Scope]]属性中， 函数的活动对象活动对象是第0位，外部函数的活动对象第1位，
//外部函数的外部函数的活动对象第3位以此类推。
//作用域链的本质是一个指向变量对象的指针列表。
//当[[Scope]]属性中作用链指定完毕时，无论什么时候在函数中访问一个变量，就会从从作用域链寻找指定变量。
</script>
</body>
</html>
1586
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
