函数四种调用模式以及其中的this指向

时间:2021-05-25

第一种:函数直接执行模式

function add(a,b){ console.log(this); return a+b; } add(10,20)//this===window

第二种:对象方法的调用模式

var obj={ name:'aaa', age:20, said:function(){ console.log(this); } }obj.said();//this===obj,此处this指代被调用者

第三种:构造器的调用模式

function School(){ this.said=function(){ console.log(this); } }var nanj=new School();nanj.said();//对象调用自己的方法,this===nanj,类似上面

第四种:call和apply调用模式

function change(a,b){ this.detial=a*b; console.log(this); } var p={}; change.call(p,4,5);//此处的this===p console.log(p.detial); var q=[]; change.call(q,5,10)//this===q console.log(q.detial); //apply和call一样的用法,只不过apply第二个参数用数组进行传递 var arr=[]; change.apply(arr,[10,10]);//this===arr console.log(arr.detial); var str={}; change.apply(str,[20,20]);//this===str console.log(str.detial);

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章