let obj={
        a:222,
        fn:function(){ 
               console.log(this)    //obj
            setTimeout(function(){
               console.log(this)    //window
            })
        }
    };
    obj.fn();







let obj={
    a:222,
    fn:function(){           
        setTimeout(()=>{
            console.log(this) //obj
        	console.log(this.a) //222
        });
    }
};
obj.fn();







//被嵌套的函数独立调用时this默认指向window
var obj = {
	a:2,
	foo:function(){
		   console.log(this) // obj
		  function text(){
		  	console.log(this)  //window
		  }
		  text();
	}
}
obj.foo()







//自执行函数内部中的this指向window

var a = 10;
function foo(){
	(function test(){
		console.log(this);  //window
	})()
}
var obj = {
	a:2,
	foo:foo
}
obj.foo();






//闭包 this默认指向了window

var a = 10;
var obj = {
	a:2,
	foo:function(){
		var c  = this.a
		return function test(){
			console.log(this)
			return c
		}
	}
}

var fn = obj.foo()
fn()




// 隐式丢失this的五种情况
// 1、函数赋值给另外变量
var a = 0;
function foo(){
	console.log(this) //window
	console.log(this.a)
}

var obj = {
	a:1,
	foo:foo
}
var bar = obj.foo;
bar();


//2、参数传递
var a = 0;
function foo(){
	console.log(this)
}

function bar(fn){
       fn()
}
var obj={
	a:1,
	foo:foo,
}
bar(obj.foo);

// 3、内置函数  setTimeout、setInterval第一个参数的回调函数中的this默认指向window
var a  = 0;
var obj = {
	a:1,
	foo:function(){
		console.log(this.a)
	}
}

setTimeout(obj.foo, 2000)





// 4、间接调用
function foo(){
    console.log(this.a)
}
var a = 0;
var obj={
	a:1,
	foo:foo
}

var p = {a:4};
obj.foo(); //1
(p.foo = obj.foo)(); //0





// 显式绑定
1、call，apply, bind
2、数组的forEach等方法

promise对象与回调地狱

• 回调地狱概念
  回调函数是作为参数传递给另一个函数的函数，然后在外部函数内调用该函数以完成某种例程或操作
  函数作为参数层层嵌套就是回调地狱

promise对象采用链式的 then方法，可以指定一组按照次序调用的回调函数。
前一个 then 里的一个回调函数，返回的可能还是一个 Promise对象，（即有异步操作）这时后面的回调函数，就会等待该 Promise对象的状态发生变化才会被调用，由此实现异步操作按照次序执行。

• 缺点：

Promise也有一些缺点。首先，无法取消Promise，一旦新建它就会立即执行，无法中途取消。其次，如果不设置回调函数，Promise内部抛出的错误，不会反应到外部。第三，当处于pending状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。

// 采用ajax异步回调的方式改装成promise

function getIp(){
   var promise = new Promise(function(resolve,reject){
      var xhr = new XMLHttpRequest()
      xhr.open('GET','https://easy-mock.com/mock/5ac2f80c3d211137b3f2843a/promise/getIp', true) //设置一个ajax的参数)
      xhr.onload = function(){
         var retJson = JSON.parse(xhr.responseText)     // {"ip":"58.100.211.137"} 数据到来对数据进行解析
         resolve(retJson.ip)      //初始化-完成状态-变为成功状态
      }
      xhr.onerror = function(){
         reject('获取IP失败')     //初始化-拒绝状态-变为失败状态
      }
      xhr.send()
   })
      return promise
}
function getCityFromIp(ip){
   var promise = new Promise(function(resolve,reject){
      var xhr = new XMLHttpRequest()
      xhr.open('GET','https://easy-mock.com/mock/5ac2f80c3d211137b3f2843a/promise/getCityFromIp?ip='+ip, true)
      xhr.onload = function(){
         var retJson = JSON.parse(xhr.responseText)      // {"city": "hangzhou","ip": "23.45.12.34"}
         resolve(retJson.city)
      }
      xhr.onerror = function(){
         reject('获取city失败')
      }
      xhr.send()
})
   return promise
}
function getWeatherFromCity(city){
   var promise = new Promise(function(resolve,reject){
      var xhr = new XMLHttpRequest()
      xhr.open('GET','https://easy-mock.com/mock/5ac2f80c3d211137b3f2843a/promise/getWeatherFromCity?city='+city, true)
      xhr.onload = function(){
         var retJson = JSON.parse(xhr.responseText)   // {"weather": "晴天","city": "beijing"}
         reslove(retJson)
      }
      xhr.onerror = function(){
         reject('获取天气失败')
      }
      xhr.send()
   })
   return promise
}
// getIp获取IP-IP获取城市-城市获取天气
getIp().then(function(ip){
   return getCityFromIp(ip)    // 得到ip
}).then(function(city){
    return getWeatherFromCity(city)    // 得到城市
}).then(function(){
   console.log(data)    // 得到具体的城市其他状况（如天气、人口等等）
}).catch(function(e){
   console.log('出现了错误'，e)
})