我总结的call()与apply()方法的区别
【call()与apply()的区别】
在ECMAScript中每一个函数都是function类型（是javascript的基本引用类型）的实例，具有一定的属性和方法。call()和apply()则是这个function类型的实例的方法。每个函数都包含这两个非继承而来的方法。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。（用于传递参数）
区别：
apply()方法：接受两个参数，一个是在其中运行函数的作用域，另一个是参数数组（可以是Array的实例，也可以是arguments对象）。
语法：apply(thisObj，[argArray])
定义：应用某一对象的一个方法，用另一个对象替换当前对象。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>apply()例子</title>
<script type="text/javascript">
function sum(num1,num2){
return num1 + num2;
} function callsum1(num1,num2){
return sum.apply(this,[num1,num2]);//传入数组
}
function callsum2(num1,num2){
return sum.apply(this,arguments);//传入arguments对象
} alert(callsum1(10,10));
alert(callsum2(10,10));
</script>
</head>
<body> </body>
</html>
call()方法：他与apply()方法的区别仅在与接收参数的方式不同。对于call()方法而言，第一个参数是this值没有变化变化的是其余参数都直接传递个函数。换句话说就是在使用call()方法时，传递给函数的参数必须逐个例举出来。
语法：call(thisObj，Object)
定义：调用一个对象的一个方法，以另一个对象替换当前对象。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>call()例子</title>
<script type="text/javascript">
function sum(num1,num2){
return num1 + num2;
} function callsum(num1,num2){
return sum.call(this, num1, num2);
} alert(callsum(10,10));
</script>
</head>
<body> </body>
</html>
事实上，传递参数并非apply()和call()的用武之地，他们真正强大的地方是能够扩充函数赖以运行的作用域。这样的好处在于对象和方法不需要有任何耦合关系。这个在《javascript高级程序设计》-第三版书中117-118页有详细介绍。
我总结的call()与apply()方法的区别的更多相关文章
- js中 call() 和 apply() 方法的区别和用法详解
1.定义 每个函数都包含俩个非继承而来的方法:call() 和 apply() call 和 apply 可以用来重新定义函数的的执行环境,也就是 this 的指向:call 和 apply 都是 ...
- js中的call和apply方法的区别
一.call和apply的说明 1.call,apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以 ...
- 代码说明call和apply方法的区别 (咱们这方面讲解的少，这样的题有变式，需要举例讲解一下)
这两个都是函数的方法,可以改变this的指向,fn.call(obj,param1,param2,…) call传入单个参数 fn.apply(obj,[param1,param2,...]) app ...
- 转发： JS中的call()和apply()方法和区别 --小白变色记
一.方法定义: apply:调用一个对象的一个方法,用另一个对象替换当前对象.例如:B.apply(A, arguments);即A对象应用B对象的方法. call:调用一个对象的一个方法,用另一个对 ...
- call方法和apply方法
1.call 语法 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项.将被用作当前对象的对象. arg1,arg2, , argN ...
- 深入了解angularjs中的$digest与$apply方法，从区别聊到使用优化
壹 ❀ 引 如果有人问,在angularjs中修改模型数据为何视图会同步更新呢,我想大多数人一定会回答脏检查(Dirty Checking)相关概念.没错,在angularjs中作用域(scope) ...
- JS中 call() 与apply 方法
1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call ...
- JavaScript学习笔记（1））——————call，apply方法
学习前端也有一段时间了,但是效果甚微.利用时间不够充分,虽然是利用工作之余来学习.但是这不能成为我的借口. 今天学习了(其实看了很多遍)call apply方法. function abc(a,b){ ...
- angularjs $scope.$apply 方法详解
myApp.controller('firstController',function($scope,$interval){ $scope.date = new Date(); setInterval ...
随机推荐
- 在ie和chrome浏览器中滚动条样式的设置
1.IE下设置滚动条样式的属性 scrollbar-arrow-color: color; /*三角箭头的颜色*/scrollbar-face-color: color; /*立体滚动条的颜色(包括箭 ...
- Linux中的awk命令
awk '条件1{动作1} 条件2{动作2} ...' 文件名 条件: BEGIN 在处理文件里的第一行数据之前执行 END 在处理完文件里的最后一行数据 ...
- 008-ThreadLocal
一.基本用法 ThreadLocal是一个容器,用于存放线程的局部变量.如果ThreadLocalVariable(线程局部变量)更加好理解. 在Jdk 1.2 java.lang.ThreadLoc ...
- Activiti 5.16 流程图高亮追踪 中文乱码问题解决方法
最近研究activiti的高亮流程图,发现中文是乱码,为了让大家少走弯路共享出来. 本文包含三个主要技术点: 1.spring MVC架构下输出动态图片 2.获得activiti流程图的stream流 ...
- LSTM梳理，理解，和keras实现 （一）
注:本文主要是在http://colah.github.io/posts/2015-08-Understanding-LSTMs/ 这篇文章的基础上理解写成,姑且也可以称作 The understan ...
- css position absolute 浮动特性
absolute的元素不会占据未浮动的元素的空间<html> <head> <style type="text/css"> .flipbox{ ...
- Apache Kudu
Apache Kudu是由Cloudera开源的存储引擎,可以同时提供低延迟的随机读写和高效的数据分析能力.Kudu支持水平扩展,使用Raft协议进行一致性保证,并且与Cloudera Impala和 ...
- OpenGL学习进程（7）第五课：点、边和图形（二）边
本节是OpenGL学习的第五个课时,下面介绍OpenGL边的相关知识: (1)边的概念: 数学上的直线没有宽度,但OpenGL的直线则是有宽度的.同时,OpenGL的直线必须是有限长度,而不是像数学概 ...
- JS以指定格式获取当前日期
//获取当前时间,格式YYYY-MM-DD function getNowFormatDate() { var date = new Date(); var seperator1 = "-& ...
- samba Doc
Samba-HOWTO-Collection中文翻译版(2.20) 2013年08月23日 ⁄ 综合 ⁄ 共 19460字 ⁄ 字号 小 中 大 ⁄ 评论关闭 Samba计划文档 (初稿) Samba ...