博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
call和apply区别
阅读量:5216 次
发布时间:2019-06-14

本文共 1142 字,大约阅读时间需要 3 分钟。

对于call和apply的解释,网上有很多,但是为了更好地理解。所以这里自己总结积累下~

JavaScript中的每一个function对象都会有call和apply方法

/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);

定义:

apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments);即A对象应用B对象的方法。

call:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.call(A, args1,args2);即A对象调用B对象的方法

从定义中可以看出,call和apply都是调用一个对象的一个方法,用另一个对象替换当前对象。而不同之处在于传递的参数,apply最多只能有两个参数——新this对象和一个数组argArray,如果arg不是数组则会报错TypeError;

call则可以传递多个参数,第一个参数和apply一样,是用来替换的对象,后边是参数列表。

基本用法:

function Dog(){        this.name = "dog";        this.showName=function(){            console.log("这是一条"+this.name+"!")        }    }    function Cat(){        this.name="cat";        // Dog.apply(this)        this.showName=function(){            console.log(this.name+" eat fish");        }        Dog.apply(this)    };    var cat = new Cat()    // Dog.call(cat)    /*call的用法*/    cat.showName()        /*这是一条dog*/    console.log(cat.name)    /*dog*/

但是如果你apply写的位置不同,结果也将有所变化。如上述代码

如果我将后边的apply注释掉,将上一个apply打开,那么执行showName()得到的结果将是:dog eat fish 

以后将会整理更多JS相关知识,希望自己多一些沉淀~

转载于:https://www.cnblogs.com/shaozhu520/p/11299093.html

你可能感兴趣的文章
oracle 忘记用户名
查看>>
Mybatis Generator insert useGeneratedKeys keyProperty
查看>>
python 全栈开发,Day18(对象之间的交互,类命名空间与对象,实例的命名空间,类的组合用法)...
查看>>
vlc 控件属性和方法
查看>>
web 版processing显示图片
查看>>
while counter<10:
查看>>
wkhtmltopdf乱码解决方案
查看>>
Http协议原理解析第一篇
查看>>
Linux 2.6内核Makefile浅析
查看>>
工作杠杆
查看>>
24. Swap Nodes in Pairs
查看>>
css常用样式
查看>>
Ubuntu下使用ScribeFire来写博客
查看>>
Unified Decoder Converter 7.1
查看>>
SQL - 常用的特殊查询
查看>>
排序算法-希尔排序
查看>>
poj1011 Sticks (dfs剪枝)
查看>>
用户体验&UI 实用小技巧
查看>>
个人作业代码GitHub提交步骤
查看>>
2018湘潭大学程序设计竞赛【A】
查看>>