函数四种调用模式以及其中的this指向
更新时间:2017年01月16日 16:18:30 作者:九成
本文主要介绍了函数四种调用模式以及其中的this指向的相关知识,具有一定的参考价值,下面跟着小编一起来看下吧
第一种:函数直接执行模式
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);
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
相关文章
一个多浏览器支持的背景变暗的div并可拖动提示窗口功能的代码
兼容IE、Firefox、Opera前几天在网上找了许多资料,看了不少兄弟的源码,一直找不到合适的,要不就是拖动有问题,要不就是不兼容Firefox,所以自已写了一个,下面是代码:2008-04-04javascript-hashchange事件和历史状态管理实例分析
这篇文章主要介绍了javascript-hashchange事件和历史状态管理,结合实例形式分析了javascript-hashchange基本功能、原理及历史状态管理相关操作技巧,需要的朋友可以参考下2020-04-04javascript实现动态增加删除表格行(兼容IE/FF)
javascript实现动态增加删除表格行(兼容IE/FF)...2007-04-04uniapp中使用vuex的过程(解决uniapp无法在data和template中获取vuex数据问题)
这篇文章主要介绍了uniapp中使用vuex(解决uniapp无法在data和template中获取vuex数据问题),本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-05-05
最新评论