函数四种调用模式以及其中的this指向
第一种：函数直接执行模式
functionadd(a,b){
console.log(this);
returna+b;
}
add(10,20)//this===window
第二种：对象方法的调用模式
varobj={
name:'aaa',
age:20,
said:function(){
console.log(this);
}
}
obj.said();//this===obj，此处this指代被调用者
第三种：构造器的调用模式
functionSchool(){
this.said=function(){
console.log(this);
}
}
varnanj=newSchool();
nanj.said();//对象调用自己的方法，this===nanj，类似上面
第四种：call和apply调用模式
functionchange(a,b){
this.detial=a*b;
console.log(this);
}
varp={};
change.call(p,4,5);//此处的this===p
console.log(p.detial);
varq=[];
change.call(q,5,10)//this===q
console.log(q.detial);
//apply和call一样的用法，只不过apply第二个参数用数组进行传递
vararr=[];
change.apply(arr,[10,10]);//this===arr
console.log(arr.detial);
varstr={};
change.apply(str,[20,20]);//this===str
console.log(str.detial);
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持毛票票！
热门推荐
10 喜得新房文案祝福语简短
11 给姐妹乔迁祝福语简短
12 婆婆高寿祝福语大全简短
13 职场韩语祝福语大全简短
14 横幅家庭生日祝福语简短
15 新年稳重的祝福语简短
16 给干爸过年祝福语简短
17 考试祝福语老师评语简短
18 法考面试祝福语简短