网站域名是网站架构吗,门户网站申请,什么网站可以做音乐相册,58同城类型网站制作执行环境 执行环境是什么#xff1f; javascript的解释器每次开始执行一个函数时#xff0c;都会为每个函数创建一个执行环境#xff08;execution context#xff09;。执行环境定义了变量或者函数有权访问的其他数据#xff0c;决定了他们各自的行为。与执行环境相关的变… 执行环境 执行环境是什么 javascript的解释器每次开始执行一个函数时都会为每个函数创建一个执行环境execution context。执行环境定义了变量或者函数有权访问的其他数据决定了他们各自的行为。与执行环境相关的变量对象(ariable object)中有执行环境定义的所有变量和函数 作用域链 代码在一个环境中执行便会创建变量对象的一个作用域链(scope chain)。作用域链的作用是保证对执行环境有权访问的所有变量和函数的有序访问 如果环境是函数则其活动对象(active object)为环境变量活动对象最开始含有一个变量名为arguments对象(该变量全局中不存在)作用域链的下一个对象来自包含对象再下一个对象来自下一个包含环境...标识符的解析是沿着作用域链逐级向上搜索标识符的过程通过try catch/with 来延长作用域没有块级作用域类C的花括号 代码示例 var color blue;function changeColor(){if(color blue){color red;}else{color blue;}
}
changeColor();
alert(color); // redvar color blue;function changeColor(){var anotherColor red;function swapColor(){var tempColor anotherColor;anotherColor color;color tempColor;// 能访问 color和anotherColor,tempColor}
// 能访问 color和anotherColorswapColor();alert(color);alert(anotherColor);
}
// 能访问 color
changeColor();
alert(color);
alert(anotherColor); //不能被访问到 undefinedprecodebr /####js 垃圾回收 Garbage Collection(GC)
gt; - javascript具有自动垃圾回收机制
- 两种策略标记清除和引用计数
- 标记清除(较为常见)第一遍标记所有变量第二次标记待清除变量
- 引用计数通过检测变量引用次数的值判定是否变量可以被回收问题是存在循环引用问题####Function 类型
gt; - 每个函数都是Function类型的实例
- 函数是对象具有属性和方法函数名实际上便是指向函数对象的指针
- 函数定义的三种方式
- 函数没有重载后定义的会覆盖之前的
- 将函数名作为变量进行传参
- 函数的两个内部属性**arguments**和**this**还有一个**caller**
- 函数的属性(有个疑问和内部属性什么区别么)两个length(参数个数)和prototype
- 两个非继承方法apply() call()####代码示例
*函数的三种定义方式*
/code/pre// 函数定义的三种方式
// 函数声明
function sum(num1,num2){return num1 num2;
}// 函数表达式
var sum function(num1,num2){return num1 num2;
};// 使用Function构造函数 两次代码解析性能慢 不推荐
var sum new Function(num1,num2,return num1 num2);precode*函数声明提升(function declaration hositing)*
/code/pre// 可以访问sum
alert(sum(10,10));
function sum(num1,num2){return num1 num2;
}// 函数表达式则不行
alert(sum1(10,10));
var sum1 function(num1,num2){return num1 num2;
}precode这是因为解析器在向执行环境加载数据时候对于函数声明和函数表达式解析器会率先读取函数声明使其在任何代码之前可用(可以访问) *作为值的函数函数名做为变量进行传参*
/code/prefunction callSomeFunction(someFunction,someArgument){return someFunction(someArgument);
}function add10(num1){return num1 10;
}var result callSomeFunction(add10,10);
alert(result);precodebr /*函数的内部属性*
arguments对象上一篇笔记提及类数组对象包含传入函数的所有参数
arguments对象拥有一个名为 callee的属性该属性是一个指针指向arguments对象的函数
它的作用
/code/prefunction factorial(num){if(num 1){return 1;}else{// return num * factorial(num - 1);return num * arguments.callee(num - 1);}
}var trueFactorial factorial;
factorial function(){return 0;
}
alert(trueFactorial(5)); // 120
alert(factorial(5)); // 0precodecallee作为指针的用法解除了函数体内代码和函数名的耦合 **this**(很重要要理解掌握)
this引用的是函数据以执行的环境对象或者说是this值(全局作用域调用函数时this指向的引用就是window)
/code/prewindow.color red;var o {color:blue
};
function sayColor(){alert(this.color);
}sayColor();o.sayColor sayColor; // 函数名是指向函数的指针
o.sayColor();precode可以通过调试代码查看当前所在的this指向的环境对象
**疑问:如果window.color 直接写color/var color不是应该也是指向全局的么为什么会报undefined***两个非继承的方法apply() call()*
/code/pre// apply() call() bind()
function sum(num1,num2){return num1 num2;
}function applySum(num1,num2){return sum.apply(this,arguments); // 传入arguments// return sum.call(this,[num1,num2]; //或者传入数组
}
alert(callSum(10,10));
function callSum(num1,num2){return sum.call(this,num1,num2);
}
alert(callSum(10,10));precode*apply()和call() 的作用在于 扩充函数作用域不明觉厉*
/code/prewindow.color red;
var o {color:blue
};
function sayColor(){alert(this.color);
}var objectSayColor sayColor.bind(o); // bind方法 传入对象o
objectSayColor();sayColor();
sayColor.call(this);
sayColor.call(window);
sayColor.call(o);小结 执行环境的概念什么是作用域作用域链的作用函数是个对象有相应的属性和方法前面的哪个疑问 是什么原因
