Js词法作用域

作用域分为词法作用域和动态作用域
Jscript中用到的是词法作用域

词法作用域：

• 词法作用域意味着作用域是由书写代码时函数声明的位置来决定的

作用域是什么呢？

• 通俗的讲，作用域是查找变量的地方

举一个简单的例子：

//在这个代码片段中，有i两个作用域。一个是函数内部的函数作用域，一个是函数外部的全局作用域。
 
var b = 'programmer';
function foo() {
    console.log(b); // 输出"programmer"
}
foo();

在定义的foo方法上，函数输出programmer。
函数foo执行时，需要输出查找变量b。查找过程：
先在当前函数作用域中查找，如果找到，输出变量的值。如果没有找到，会向上一级作用域（全局作用域）查找。

当然，在一个函数中，也可能会嵌套一层或多层子函数，那么作用域也会相应的发生变化。
根据刚才的例子在进行扩展:

//在之前的foo函数中，又嵌套了一个子函数，那么当前有三个作用域
var a='小明';
var b = 'programmer';
function foo() {	
    console.log(b); // 输出"programmer"
    function shout(a){
  		  console.log('我的名字是'+a); //我的名字时小明
    }
}
foo();

在shout函数执行时，会先从当前函数作用域查找a变量，查找不到。再去foo函数的作用域查找有无a变量。还是查找不到，接着就会区全局作用域中查找。在全局作用域中查找到a=‘小明’，输出a的值。当在全局作用域中依旧查找不到变量时，就会输出undefined.

this关键字

提到作用域，就不得不说一下this关键字了。this关键字，是个指针，指向执行环境作用域，也称之为上下文。
在js中，this的指向通常与以下三种情况有关：

1. 使用new关键字将函数作为构造函数调用时，构造函数内部的this指向新创建的对象。（可参照vue的实例化过程）
2. 直接通过函数名调用函数时，this指向的是全局对象（在浏览器中表示windows对象）。
3. 如果将函数作为对象的方法调用，this会指向该对象。

箭头函数中的this

在接触到es6之后，箭头函数对我们来说并不陌生了。

箭头函数的本质是一个匿名函数。

除此之外。我们还需要知道的一点是:因为箭头函数并没有 this，this 会作为变量一直向上级词法作用域查找，直至找到为止；箭头函数可以有效避免vue中，回调函数出现的指向异常问题。
例子：

data:{a:''},
methods:{
	getmessage(){
		axios.get(`message`).then(function(reponse){
			this.message=reponse;
			console.log(this.message); //undefined		
			})
	}

}

这中情况的现象的发生就是所谓的this指针异常执行问题造成的。此时的this指向的是then作用域。
如何解决呢？
我们可以将this执行改变前，赋值给另一个变量：

data:{a:''},
methods:{
	getmessage(){
	that=this;
		axios.get(`message`).then(function(reponse){
			this.message=reponse;
			console.log(that.message); //获取数据	
			})
	}

}

另一种解决方案就是利用箭头函数了：

data:{a:''},
methods:{
	getmessage(){
		axios.get(`message`).then((reponse)=>{
			this.message=reponse;
			console.log(this.message); //获取数据	
			})
	}

}