函数四种调用模式以及其中的this指向
2017-01-16 16:04
579 查看
第一种:函数直接执行模式
第二种:对象方法的调用模式
第三种:构造器的调用模式
第四种:call和apply调用模式
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);
相关文章推荐
- 函数四种调用模式以及其中的this指向
- 函数调用的四种模式以及this的指向浅析
- 函数四种调用模式以及this指向
- javascript this 关键字以及四种函数调用模式
- 函数的四种调用模式(this的指向)
- JavaScript函数调用的四种模式以及this指向
- javascript的四种函数调用模式以及相应的this绑定
- JavaScript的回调函数内部this的指向问题以及四种绑定this指向的方法
- javascript语言精粹学习笔记之函数的四种this调用模式
- JavaScript调用模式(this的取值)以及,call(),apply()函数浅析
- javascript中四种函数调用模式及对this的不同绑定
- JavaScript的回调函数内部this的指向问题以及四种绑定this指向的方法
- js函数的四种调用方式以及对应的this指向
- js 四种函数调用模式
- js中this的四种调用模式
- JavaScript中函数的四种调用模式
- 函数四种调用模式
- 深入理解JavaScript系列(一): 函数的四种调用模式
- JavaScript四种调用模式和this示例介绍
- JavaScript四种调用模式和this