关于JavaScript中call()和apply() 的一些理解
关于JavaScript中call()和apply() 的一些理解
call()方法和apply()方法,在上层应用中用的不是很多,但在底层写JS框架的时候却常常看到。然后度娘谷哥一番,也发现好多达人写出了自己的理解和笔记,但始终还是云里雾里,于是去W3C学习了下
在W3C网上研究这两个方法的时候,看到一个词语,叫“对象冒充”,这个概念本人觉得还是挺重要的,让我对这两个方法理解起来更加直观。
call()方法,看下官方给出的例子
function sayColor(sPrefix,sSuffix) { alert(sPrefix + r + sSuffix);};var obj = new Object();r = "blue";(obj, "The color is ", "a very nice color indeed.");
最后输出的结果是“The color is blue, a very nice color indeed.”
call()方法就是将第一个参数替换方法中的this,然后后面的参数传入该方法使用
apply()方法,同样先看个官方给出的例子
function sayColor(sPrefix,sSuffix) { alert(sPrefix + r + sSuffix);};var obj = new Object();r = "blue";y(obj, new Array("The color is ", "a very nice color indeed."));
最后输出的`结果仍然是“The color is blue, a very nice color indeed.”
其实call()方法和apply()方法可以粗略的认为是差不多的,第一个参数都是替换方法中this关键字,只是后面传给方法的传参方式不同,call是直接对应,apply是利用数组,在数组中一一对应
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
JavaScript基本语法分析
一、JavaScript基本语法。(一)数据类型与变量类型。整数,小数,布局,字符串,日期时间,数组强制转换:parseInt()parseFloat()isNaN()(二)数组var数组名=newArray([长度]);//“假冒”数组th-长度a[下标]=值。a[下标](三)函数复制代码代码如下:function函数名(形参){}function...
-
dreamweaver的学习心得
当我们备受启迪时,写心得体会是一个不错的选择,这样我们可以养成良好的总结方法。那么要如何写呢?下面是小编收集整理的dreamweaver的学习心得,欢迎阅读与收藏。dreamweaver的学习心得1目前,互联网是最快捷的信息传播渠道之一,学习网页制作成了学生必须掌握的一项技...
-
Dreamweaver输入的文本字体怎样加粗
Dreamweaver输入的文本字体怎么加粗?Dreamweaver中想要加粗输入的文本,该怎么加粗呢?这都是最基础的教程,很简单,需要的朋友可以参考下,下面就跟随小编一起来看看吧!Dreamweaver怎么给字体加粗,下面我们就来看看详细的.教程。1、打开我的软件2、文件新建一个3、新建...
相关文章
- 如何理解Javascript的caller,callee,call,apply区别
- 如何理解Javascript的caller,callee,call,apply区别
- 如何理解Javascript的caller,callee,call,apply区别
- 如何理解Javascript的caller,callee,call,apply区别
- 如何理解Javascript的caller,callee,call,apply区别
- 如何理解Javascript的caller,callee,call,apply区别
- 如何理解Javascript的caller,callee,call,apply区别
- 关于javascript中apply()和call()方法的区别
- 如何理解Javascript的caller,callee,call,apply区别
- 如何理解Javascript的caller,callee,call,apply区别