执行上下文、this

1.js中的执行上下文或者执行环境：execution context,简称EC;

2.

 console.log(a);//undefined
 var a=200;
 fn('lili');
 function fn(name){
   age=23;
   console.log(name,age);//lili 23
   var age;
 }

分析这段代码的执行过程：首先需要记得，

在js中，存在变量提升。函数声明和变量声明总是会被解释器悄悄地被“提升”到方法体的最顶端，因此一般在写代码的时候，通常我们在每个作用域开始前声明这些变量，这也是正常的 JavaScript 解析步骤，易于我们理解。

因此这段代码，就可以这样变形：

//函数提升优先于变量提升
function fn(name){
    var age;
    age=23;
    console.log(name,age);//lili 23
}

var a；

console.log(a);//只声明变量a，但是并未赋值，因此为undefined

var a=200;

fn('lili');//函数在执行的过程中，传入参数name='lili',进入fn的执行域中，var age提前；并赋值为23

*增加：函数覆盖

 var a;
 function a(){}
 console.log(a);//function a(){}

1）函数声明和变量声明均会被提升，但是函数声明会覆盖变量声明，就像上面的代码。

2）但是，如果变量已被赋值，则最终的值为变量的值：

 var a=1;
 function a(){}
 console.log(a);//

3）变量重复声明是无用的，但是函数的重复声明会覆盖前面的声明；

//变量的重复声明
var a = 1;
var a;
console.log(a);//

//函数声明优于变量声明，故变量声明无作用
var a;
function a(){
    console.log(1);//
}
a();

//后面的函数声明会覆盖前面的函数声明
a();//
function a(){
    console.log(1);
}
function a(){
    console.log(44);
}

因此写代码的时候，应该避免在同一作用域内重复声明

---

3.再了解一下执行上下文的其他：

• 范围：一段<script>或者一个函数；
• 全局：变量定义、函数声明；
• 函数：变量定义、函数声明、this、arguments

定义函数有两种方式：函数声明以及函数表达式（函数声明的一个重要特征：函数声明提升）

小tip：区分函数声明以及函数表达式

 //函数声明
 function fn(){
     ...
 }

 //函数表达式
 var fn = function(){
   ...
 }

---

1.this:要在执行时才能确定值，定义时无法确定。

 var a={
   name:'A',
   fn:function(){
     console.log(this.name);//undefined
   }
 };

 a.fn();//A  this===a
 a.fn.call({name:'B'});//B  this==={name:'B'}

 var fn1=a.fn;
 fn1();//this===window

2.this的几种使用情况：

*作为构造函数执行

 function Foo(){
   this.name='shangsan';
 }
 var f = new Foo();
 f.name   //"shangsan"

*作为对象属性执行

 var obj={
   name:'A',
   printName:function(){
     console.log ( this === obj ); // true
     console.log(this.name); //A
   }
 }
 obj.printName();

*作为普通函数执行

 function fn(){
   console.log(this);//this===window
 }
 fn();

*call apply bind

一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()、bind()方法时，就会改变this的指向。

 function fn(name,age){
   console.log(name);//lisi
   console.log(this);//{x: 100}
 }
 fn.call({x:100},'lisi',30);