JS中call与apply的应用与区别

发现http://uule.iteye.com/blog/1158829博客上讲的不对,在此修改一下。

call

语法: call([thisObj [, arg1[, arg2]]])
语义:如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。
例子:add.call(sub , 3 , 1);
调用一个对象的一个方法,以另一个对象替换当前对象.
调用add对象的add方法,用sub对象替换 add 对象,就成了调用add();

apply

语法:apply(thisObj [, argArray | arguments ]);
语义:应用某一对象的一个方法,用另一个对象替换当前对象。
tips:
如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。

区别

call 与apply,这两个方法基本上是一个意思,第一个参数一样。
区别在于 call 的第二个参数可以是任意类型,而apply的第二个参数必须是数组,
也可以是arguments。

例子:
1.执行add方法,add方法中的this说指向的是sub

function add(a, b){
  console.log(a+b);
}
function sub(a, b){
  console.log(a-b);
}
add.call(sub, 3 ,1);  //4

2.执行animal.showName方法,其中的this.name说指向的是cat对象,值为cat。

function Animal(){
  this.name = "Animal";
  this.showName = function(){
    console.log(this.name);
  }
}
function Cat(){
  this.name= 'cat';
}

var animal = new Animal();
var cat = new Cat();

animal.showName.call(cat, ',');//cat
//animal.showName.apply(cat, []); //cat

3.继承,开始cat1对象中没有showName方法,Animal.call(this, name)语句执行后,Cat1函数就可以继承Animal中的属性和方法。

继承
function Cat1 (name){
  Animal.call(this, name); 
}

var cat1 = new Cat1('Black Cat1!');
cat1.showName();//  Animal

4.多重继承

多重继承
function class1(){
  this.showSub = function(a, b){
    alert(a-b);
  }
}
function class2(){
  this.showAdd = function(a, b){
    alert(a +b);
  }
}
function class3(){
  class1.call(this);
  class2.call(this);
}
new class3().showSub(10 , 1);//9
new class3().showAdd(9 , 8); //17

5.call与apply只是改变this的指向.

function Obj (){
  this.value = 'vars';
}
var value = 'args';
function Fun1(){ 
  alert(this.value);
} 
window.Fun1();//args
Fun1.call(window);//args
Fun1.apply(window);//args
Fun1.call(document.getElementById('my'));//args
Fun1.call(new Obj());//vars
//--------------------
var func = new function(){
  this.a = 'func';
}
var myFunc = function(x){
  var a= 'myFunc';
  //this.a = 'myFunc';
  alert(this.a);
  alert(x);
}
myFunc.call(func, 'var'); // func   ----   var
//tips: 调用func的new function()方法,其中的this.a已经替换成myFunc的对象了。


PS: 若你觉得可以、还行、过得去、甚至不太差的话,可以“关注”一下,就此谢过!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,302评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,563评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,433评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,628评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,467评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,354评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,777评论 3 387
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,419评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,725评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,768评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,543评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,387评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,794评论 3 300
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,032评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,305评论 1 252
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,741评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,946评论 2 336

推荐阅读更多精彩内容