1、回调函数中，用箭头函数改变this的作用域
success: (res)=>{ this.setData({ //此时，this指向page页面 ... }) }
2、自定义事件中，如果使用箭头函数，则箭头函数中的this指向undefined，不指向page
onLike: (event)=>{ likeModel.like(this.data.classic.id) //报错，this指向undefined },需要修改成传统函数形式
onLike: function(event){ likeModel.like(this.data.classic.id) //此时，this指向page页面，不报错 },
转载于:https://www.cnblogs.com/qq254980080/p/11068059.html
1.在普通模式下
显而易见的this指向
<script type="text/javascript"> //1.普通函数 this指向window function fn(){ console.log('1.普通函数this指向：'+this); } fn();//fn.call();//window.fn(); //2.对象的方法 this指向Object var o={ sayHi:function(){ console.log('2.对象的方法this指向：'+this); } } o.sayHi(); //3.构造函数 this指向 ldh 这个实例对象 原型对象里面的this指向的也是ldh这个实例对象 function Star(){}; Star.prototype.sing=function(){ } var ldh=new Star(); console.log('3.构造函数this指向:'+this); //4.绑定事件函数 this指向函数的调用者 btn这个按钮对象 var btn=document.querySelector('button'); btn.onclick=function(){ console.log('4.绑定时间函数的this：'+this); };//点击了按钮就可以调用这个函数 //5.定时器函数 this指向window setTimeout(function() { console.log('5.定时器函数this：'+this); }, 1000); // window.setInterval(function() { // console.log('定时器函数this：'+this); // },1000);//这个函数是定时器自动1秒钟调用一次 //6.立即执行函数 this指向window (function(){ console.log('6.立即执行函数this：'+this); })(); //立即执行函数是自动调用 </script>输出结果：
改变this指向的三种方法：
call()
apply()
bind()call apply bind 总结
相同点： 都可以改变函数内部的this指向
不同点 ：
1.call和apply会调用函数,并且改变函数内部this的指向
2.call和apply传递的参数不一样,call传递参数aru1,aru2…形式 , apply必须数组形式
3.bind 不会调用函数,可以改变函数内部this指向
主要应用场景
1.call经常做继承
2.apply经常跟数组有关系,比如借助于数学对象实现数组最大值最小值
3.bind不调用函数,但是还想改变this指向,比如改变定时器内部的this指向2.在严格模式下
<script type="text/javascript"> 'use strict' //1.我们的变量名必须先声明在使用 // num=10; // console.log(num); var num=10; console.log(num); //2.我们不能随意删除已经声明好的变量 // delete num; //3.严格模式下全局作用域中函数中this 指向的是undefined function fn(){ console.log('3.全局作用域中函数中this指向：'+this); } fn();//输出undefined //4.严格模式下,如果 构造函数不加new调用,this指向的是 undefined，如果给他赋值则会报错 function Star(){ this.sex='男'; } // Star(); var ldh=new Star(); // console.log(ldh.sex); console.log('4.构造函数中this指向：'+this); //5. 定时器this 还是指向window setTimeout(function() { console.log('5.定时器函数this指向：'+this); }, 10); //6.严格模式下函数里面的参数不允许有重名 // function fn(a,a){ // console.log(a+a); // } // fn(1,2); //7.严格模式下函数不能再非函数下运用 // (1)if(true){ // function f(){ // }//语法错误 // } // (2)for(var i=0;i<5;i++){ // function f2(){ // }//语法错误 // } // (3)function(){//合法 // function(){//同样合法 // } // } </script>输出结果：
箭头函数的this指向可以一句话概括，箭头函数的this指向箭头函数的命名空间（命名空间的this指向哪就指向哪，命名空间就两个地方一个window一个就是函数体)
看下面几个列题就完全明白了var x = 11; var obj = { x: 22, methods: { x: 33, say: function () { console.log(this.x) }, say2: () => { console.log(this.x) }, say3: function () { let say4 = () => {//箭头函数命名在say3里面 console.log(this.x) } console.log(this.x) say4() } } } obj.methods.say();//33 obj.methods.say2();//11 obj.methods.say3();//33 var b=obj.methods.say3()//33 var a = obj.methods.say3//函数赋值给a上下文改变 a()//this指向全局所以箭头函数命名空间为window列题二
var obj1={ num:4, fn:function(){ var f=function(){ console.log(this); //window,因为函数f定义后并没有对象调用，this直接绑定到最外层的window对象 setTimeout(() => { console.log(this);//window，外层this绑定到了window,内层也相当于定义在window层（全局环境） }); } f(); } } obj1.fn();
