首页 > 其他 > 详细

call的初步理解

时间:2017-01-16 12:52:09      阅读:154      评论:0      收藏:0      [点我收藏+]

首先说下call的本质是一个函数

模拟下:

Function.prototype.call = function(context){
  // this表示某函数,函数里面的this先被替换成context,然后再执行
  this.bind(context);   this(); }

然后理解这个


Function.prototype.call.call(context);
// 相当于
this.bind(context);
this();
// this指Function.prototype.call,于是相当于
Function.prototype.call.bind(context);
Function.prototype.call();
// 因为Function.prototype.call这个函数里面的this变成了context
context.bind(context);
context();

然后再理解理解这个

Function.prototype.call.call.call(context);
// 相当于
this.bind(context);
this();
// this指Function.prototype.call.call,因为call本身就是函数,而任何函数的call属性相当于Function.prototype.call,也就是Function.prototype.call.call = Function.prototype.call,然后this实际还是指Function.prototype.call,重复上面的说
 Function.prototype.call.bind(context); Function.prototype.call(); 

// 因为Function.prototype.call这个函数里面的this变成了context

context.bind(context); context();

 

然后,看一个demo:

 

function fn1(){
  console.log(1)
}
function fn2(){
  console.log(2)
}
// Function.prototype.call(fn2);this指当前的实例fn1,fn1里面的this指fn2
fn1.call(fn2);
// Function.prototype.call.call(fn2);this指Function.prototype.call,
Function.prototype.call里面的this指fn2
fn1.call.call(fn2);
// 相当于
fn2();
//其实只要超过一个call,都是fn2()

 

call的初步理解

原文:http://www.cnblogs.com/2han/p/6289145.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!