JavaScript运行解析（二）

箭头函数

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。

THIS

Javascript中this关键字通常指向当前函数的拥有者。在javascript中通常把这个拥有者叫做执行上下文。函数的执行上下文由当前的运行环境而定

• 作为普通函数使用：this指向windown

• 作为方法进行调用： this指向该方法的所有者

• 作为构造器进行调用：this指向构造函数的调用，返回值即为一个对象，而这个对象即为构造函数作用域内this的 引用对象，即“函数上下文”。

• call()，apply()方法调用：函数内部的this指向call与apply方法指定的对象。

箭头函数的this

箭头函数没有this，原因箭头函数没有this，箭头函数的this是继承父执行上下文里面的this
箭头函数和匿名函数有个明显的区别：箭头函数内部的this是词法作用域，由上下文确定。

var box = {
        name: "box",
        test: ()=> {
          var box2={
			  name:"box2",
			  test2:()=>{
				  console.log(this)  //window
			  }
		  } 
		  box2.test2()
        }
      };
     box.test()

此时this指向的时window对象（box2内的箭头函数需要获取父级的执行上下文，父级box仍是箭头函数继续需要查找父级执行上下文，最终为window）

var box = {
        name: "box",
        test: function() {    //此处为匿名函数不是箭头函数
          var box2={
			  name:"box2",
			  test2:()=>{
				  console.log(this)  //this指向box对象
			  }
		  } 
		  box2.test2()
        }
      };
     box.test()

此时this指向的是box对象（box2内的箭头函数需要获取父级的执行上下文，父级box不是箭头函数）