执行上下文、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);//1

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

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

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

//后面的函数声明会覆盖前面的函数声明
a();//44
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);