[JavaScript]call与apply的使用方法

作为一款面向对象语言,js中很多的方法都是被封装在构造函数中的,这些封装的方法只有特定的对象能够访问。而有些时候,我们希望能通过“借用”某个构造函数prototype中的方法,来实现某些取巧的功能。以下总结了一些call和apply的区别和使用方法。

一、区别

call和apply都是用来借用类方法使用的。而在使用时,区别就在于call和apply所需要的参数形势不同。

this.method.apply(newThis,[arguments]);

this.method.call(newThis,argument1[,argument2[,augument3...]]);

在使用时,会用newThis替换this,作为方法的作用对象。apply方法的参数是以一个数组的形式传入的,因此我们可以利用这一特征,对一些不支持数组参数的方法进行拓展(比如arr.push())。

二、使用范例

在构造算法时,我们经常会需要对传入的参数进行类型判断,进而达到保护函数的效果。而在判断参数类型时,typeof可以正确的识别六大基础数据类型(string,number,boolean,undefined,object null也是object;),在识别对象类型时,除了function的返回值是"function"以外,其他的对象类型都会返回"object"(这是因为其他的构造函数都是继承自Function原型)。为了正确识别所有的基础数据类型和内置对象类型,我们会使用Object.prototype.toString.call(obj)来判断。(注意此方法不能判断自定义对象类型。)

三、使用技巧

call和apply在一些不支持数组类型参数的方法上有着特别的作用。比如:

var arr1 = [1,2,3];

var arr2 = [4,5,6];

Array.prototype.push.apply(arr1,arr2);//会返回arr1的新长度,即6,arr1此时变为[1,2,3,4,5,6]

数组中push方法用来给数组1添加数据。而参数不支持数组。在使用apply方法时,会将参数arr2分解开来,化为一个一个的参数传入,这样就解决了难以连接两个数组的尴尬。注意合成arr2被添加在arr1的后面,而返回值是新的arr1中数据的个数。

同样,在Math.max判断一组参数中最大值的时候,也不支持数组类型参数。这个时候我们可以使用Math.max.apply(Math,[12,45,23])来传入一个数组。判断最小值同理。

四、总结以及其他用途

call和apply不仅可以借用系统的默认方法,也可以借用自定义构造函数中的方法甚至构造函数本身(这样的话将会调用构造函数,若传入的参数是(this,arguments),那么调用的构造函数中的对象也会被复制到this构造函数中)。

function Name(name){
  this.name = name;
  this.introduce = function(){
    alert(this.name);
  };
}//名称构造函数,包括一个姓名,一个弹出姓名的方法。
function People(name, age, classNo){
  Name.apply(this,arguments);
  this.age = age;
  this.classNo = classNo;
}//创建一个人物构造函数,在创建时,调用Name构造函数
 
var Alex = new People("Alex", 21, "six");//创建一个People实例,而在实例被构造时
//会先调用Name.apply(this,arguments)语句,这里的this为Alex实例。则,构造函数Name中的name对象,introduce方法都会被创建在Alex实例中。
Alex.name;//"Alex"
Alex.introduce();//alert
Alex.age;//21
Alex.classNo;//"six"

在使用时应当注意使用的方式,灵活应用。

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

推荐阅读更多精彩内容