一、执行上下文
给执行上下文环境下一个通俗的定义——在执行代码之前,把将要用到的所有的变量都事先拿出来,有的直接赋值了,有的先用undefined占个空。
全局代码的上下文环境数据内容为:
1、普通变量(包括函数表达式,如: var a = 10;):声明(默认赋值为undefined)
2、函数声明(如: function fn() { }):赋值
3、this:赋值
如果代码段是函数体,那么在此基础上需要附加:
1、参数:赋值
2、arguments:赋值
3、自由变量的取值作用域:赋值
范围:一段<script>
标签或者一个函数
全局(一段<script>
):变量定义、函数声明
函数:变量定义、函数声明、this、arguments(函数所有参数的集合)
函数声明: function fn(){...};
函数表达式: var fn = function(){...};
console.log(a); //undefined
var a=100;
fn('zhangsan'); //'zhangsan' 20
function fn(name){
age=20;
console.log(name,age);
var age;
}
二、this
this要在执行时才能确认值,定义时无法确认
1、构造函数
如果函数作为构造函数用,那么其中的this就代表它即将new出来的对象
function Foo(name){
this.name=name;
}
var f=new Foo('zhangsan');//this===f
console.log(f.name);
2、函数作为对象的一个属性
如果函数作为对象的一个属性时,并且作为对象的一个属性被调用时,函数中的this指向该对象
var obj={
name:'A',
printName:function(){
console.log(this.name);
}
}
obj.printName(); //this===obj
3、函数用call或者apply、bind调用
当一个函数被call和apply、bind调用时,this的值就取传入的对象的值
function fn1(name){
alert(name);
console.log(this);
}
fn1.call({x:100},'zhangsan',200); //this==={x:100}
fn1.apply({x:100},['zhangsan',200]); //this==={x:100}
var fn2=function(name,age){
alert(name);
console.log(this);
}.bind({y:200}); this==={y:200}
fn2('zhangsan',20);
4、全局&调用普通函数
在全局环境下,this永远是window
匿名函数中this是window
function fn1(){
console.log(this);
}
fn1(); //this===window
三、作用域
js没有块级作用域,不受块级限制,只有函数和全局作用域;
js除了全局作用域之外,只有函数可以创建的作用域;
作用域在函数定义时就已经确定了,而不是在函数调用时确定;
在声明变量时,全局代码要在代码前端声明,函数中要在函数体一开始就声明好。除了这两个地方,其他地方都不要出现变量声明。而且建议用“单var”形式;
作用域有上下级的关系,上下级关系的确定就看函数是在哪个作用域下创建的;
作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突;
作用域只是一个“地盘”,一个抽象的概念,其中没有变量。要通过作用域对应的执行上下文环境来获取变量的值。同一个作用域下,不同的调用会产生不同的执行上下文环境,继而产生不同的变量的值。所以,作用域中变量的值是在执行过程中产生的确定的,而作用域却是在函数创建时就确定了;
如果要查找一个作用域下某个变量的值,就需要找到这个作用域对应的执行上下文环境,再在其中寻找变量的值。
四、作用域链
1、自由变量
在A作用域中使用的变量x,却没有在A作用域中声明(即在其他作用域中声明的),对于A作用域来说,x就是一个自由变量
自由变量的取值:要到创建这个函数的那个作用域中取值——是“创建”,而不是“调用”————“静态作用域”
var a=100;
function F1(){
var b=200;
function F2(){
var c=300;
console.log(a);//a是自由变量
console.log(b);//b是自由变量
console.log(c);
}
F2();
}
F1();
2、作用域链
指取自由变量取值时的这个过程:(假设a是自由量)
1、先在当前作用域查找a,如果有则获取并结束。如果没有则继续;
2、如果当前作用域是全局作用域,则证明a未定义,结束;否则继续;
3、(不是全局作用域,那就是函数作用域)将创建该函数的作用域作为当前作用域;
4、跳转到第一步。
五、闭包
闭包是指可以包含自由(未绑定到特定对象)变量的代码块,是能够读取其他函数内部变量的函数;这些变量不是在这个代码块内或者任何全局上下文中定义的,而是在定义代码块的环境中定义(局部变量),使用闭包会增加内容开销。
1、函数作为返回值
function F1(){
var a=100;
//返回一个函数
return function(){
console.log(a);
}
}
//f1得到一个函数
var f1=F1();
var a=200;
f1(); //100
2、函数作为参数传递
function F1(){
var a=100;
return function(){
console.log(a);
}
}
var f1=F1();
function F2(fn){
var a=200;
fn();
}
F2(f1);//100