- 浏览: 6358483 次
- 性别:
- 来自: 一片神奇的土地
文章分类
- 全部博客 (745)
- JQuery (25)
- JS (33)
- 数据库 (59)
- Java基础 (56)
- JSON (8)
- XML (8)
- ireport (7)
- 设计模式 (10)
- 心情 (14)
- freemarker (1)
- 问题 (15)
- powerdesigner (2)
- CSS (15)
- DWR (4)
- tomcat (16)
- Hibernate (12)
- Oracle (7)
- Struts (7)
- Spring (34)
- JSP (23)
- 需学习 (64)
- 工具类库 (63)
- Maven (14)
- 笔试题 (34)
- 源码学习 (31)
- 多线程 (39)
- Android (32)
- 缓存 (20)
- SpringMVC (14)
- jQueryEasyUi (12)
- webservice-RPC (13)
- ant (1)
- ASP.NET (10)
- 正则表达式 (3)
- Linux (15)
- JBoss (1)
- EJB (3)
- UML (2)
- JMS (3)
- Flex (8)
- JSTL (2)
- 批处理 (5)
- JVM (16)
- 【工具】 (16)
- 数据结构 (29)
- HTTP/TCP/Socket (18)
- 微信 (1)
- tomcat源码学习 (15)
- Python (30)
- 主机 (2)
- 设计与架构 (19)
- thrift-RPC (2)
- nginx (6)
- 微信小程序 (0)
- 分布式+集群 (12)
- IO (1)
- 消息队列 (4)
- 存储过程 (8)
- redis (9)
- zookeeper (5)
- 海量数据 (5)
最新评论
-
360pluse:
技术更新,战术升级!Python爬虫案例实战从零开始一站通网盘 ...
Python爬虫实战:Scrapy豆瓣电影爬取 -
18335864773:
推荐用 pageoffice 组件生成 word 文件。
JAVA生成WORD工具类 -
jjhe369:
LISTD_ONE 写道起始地址为163.135.0.1 结束 ...
IP地址与CIDR -
baojunhu99:
private final int POOL_SIZE = 5 ...
使用CompletionService获取多线程返回值 -
LovingBaby:
胡说,javascript 运行时是单线程的,event lo ...
Ajax请求是否可以实现同步
1、方法定义
call方法:
语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]])
定义:调用一个对象的一个方法,以另一个对象替换当前对象。
说明:
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。
apply方法:
语法:apply([thisObj[,argArray]])
定义:应用某一对象的一个方法,用另一个对象替换当前对象。
说明:
如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。
2、常用实例
a、
function add(a,b) { alert(a+b); } function sub(a,b) { alert(a-b); } add.call(sub,3,1);
这个例子中的意思就是用 add 来替换 sub,add.call(sub,3,1) == add(3,1) ,所以运行结果为:alert(4); // 注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。
b、
function Animal(){ this.name = "Animal"; this.showName = function(){ alert(this.name); } } function Cat(){ this.name = "Cat"; } var animal = new Animal(); var cat = new Cat(); //通过call或apply方法,将原本属于Animal对象的showName()方法交给对象cat来使用了。 //输入结果为"Cat" animal.showName.call(cat,","); //animal.showName.apply(cat,[]);
call 的意思是把 animal 的方法放到cat上执行,原来cat是没有showName() 方法,现在是把animal 的showName()方法放到 cat上来执行,所以this.name 应该是 Cat
c、实现继承
function Animal(name){ this.name = name; this.showName = function(){ alert(this.name); } } function Cat(name){ Animal.call(this, name); } var cat = new Cat("Black Cat"); cat.showName();
Animal.call(this) 的意思就是使用 Animal对象代替this对象,那么 Cat中不就有Animal的所有属性和方法了吗,Cat对象就能够直接调用Animal的方法以及属性了.
d、多重继承
function Class10() { this.showSub = function(a,b) { alert(a-b); } } function Class11() { this.showAdd = function(a,b) { alert(a+b); } } function Class2() { Class10.call(this); Class11.call(this); }
很简单,使用两个 call 就实现多重继承了
当然,js的继承还有其他方法,例如使用原型链,这个不属于本文的范畴,只是在此说明call 的用法。说了call ,当然还有 apply,这两个方法基本上是一个意思,区别在于 call 的第二个参数可以是任意类型,而apply的第二个参数必须是数组,也可以是arguments
还有 callee,caller..
例子来源:http://xiaofeizm55333.iteye.com/blog/80913
http://www.iteye.com/topic/599108 及回复..
评论
以前我的理解太浅薄了,以为就是一个意思,其实一个句号一个意思,体现在方向不同。第一个借用别人的函数,第二个借用别人的上下文环境。
还有这个说的也很赞,这就是所说的借用别人的上下文环境
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}
add.call(sub,3,1);
个人理解call和apply的作用就是切换函数的对象上下文。
“这个例子中的意思就是用 add 来替换 sub“,应该是将add执行的上下文由window切换为sub,即this指向是从window变为sub,仅此而已,并非add替换sub。这个例子很难说明什么。
正解
看这篇文章,讲的很明白啦
{
this(a,b);
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}
add.call(sub,3,1);
这样或许更能体现出call的含义,首先 add.call(sub,3,1)执行的是 add方法, 然后,add执行的时候,this已经变成了 sub这个方法本身,所有this(a,b)这一句弹出了2
以前我的理解太浅薄了,以为就是一个意思,其实一个句号一个意思,体现在方向不同。第一个借用别人的函数,第二个借用别人的上下文环境。
还有这个说的也很赞,这就是所说的借用别人的上下文环境
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}
add.call(sub,3,1);
个人理解call和apply的作用就是切换函数的对象上下文。
“这个例子中的意思就是用 add 来替换 sub“,应该是将add执行的上下文由window切换为sub,即this指向是从window变为sub,仅此而已,并非add替换sub。这个例子很难说明什么。
add.call(sub,3,1); //这个是修改add方法里面的this指向,也就是修改add当前函数的上下文,举这个例子完全没有任何意义。 animal.showName.call(cat,","); // 而这个方法同理,但是有点意义了,同样是修改animal(函数)对象下的showName方法中的this指向,它指向了cat,也就是说showName方法中this.Name其实是指向了cat函数中的属性name,也就是Cat
2. this.name = "Animal";
3. this.showName = function(){
4. alert(this.name);
5. }
6.}
7.
8.function Cat(){
9. this.name = "Cat";
10.}
11.
12.var animal = new Animal();
13.var cat = new Cat();
14.
15.//通过call或apply方法,将原本属于Animal对象的showName()方法交给对象cat来使用了。
16.//输入结果为"Cat"
17.animal.showName.call(cat,",");
18.//animal.showName.apply(cat,[]);
call 的意思是把 animal 的方法放到cat上执行,原来cat是没有showName() 方法,现在是把animal 的showName()方法放到 cat上来执行,所以this.name 应该是 Cat。
“call 的意思是把 animal 的方法放到cat上执行”这个应该是animal.showName调用时候,将animal中的this对象转变为cat,alert(this.name);这时候的this是cat,因此this.name==cat.name,所以输出是Cat
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}
add.call(sub,3,1);
个人理解call和apply的作用就是切换函数的对象上下文。
“这个例子中的意思就是用 add 来替换 sub“,应该是将add执行的上下文由window切换为sub,即this指向是从window变为sub,仅此而已,并非add替换sub。这个例子很难说明什么。
this.name = name;
this.showName = function(){
alert(this.name);
}
}
function Cat(name){
Animal.call(this, name);
}
var cat = new Cat("Black Cat");
cat.showName();
这个段代码解释存在误区,首先执行var cat = new Cat("Black Cat");进入function Cat(name){
Animal.call(this, name);
}
这时候的this为Cat{}对象,并非Animal,再接执行function Animal(name){
this.name = name;
this.showName = function(){
alert(this.name);
}
}
此时的this对象绑定为Cat{},因此是Cat对象获得了两个属性为:Cat{name:"Black Cat",showName:function(){
alert(this.name);
}},回到var cat=Cat{name:"Black Cat",showName:function(){
alert(this.name);
}}最后才是cat.showName();
add.call(sub,3,1); //这个是说 sub已经继承了add的方法,可以调用add的方法了。 animal.showName.call(cat,","); //这个是说 cat 已经继承了animal的方法了,虽然cat木有showName这个方法,但是通过call,已经把参数都传给了cat,cat直接调用继承到的showName()方法即可 楼主,最后一个双继承不知道什么意思,暂时还不理解你为什么不说继承,而是一直在谈,谁把谁的方法交给了谁,感觉很难懂啊,继承就一下子清晰了。
很遗憾的说,你理解的完全都是错的。。
add.call(sub,3,1); 你要这么理解:
还是调用的add(3, 1); 但是,在add这个函数执行的时候,当前的上下文this已经不是add对象的了,而是sub对象的。
跟this没啥关系啊,其实就是call方法前面的东西(add)都交给后面(sub)了,就像兄弟,接过这把枪。
add.call(sub,3,1) // sub 已经接过了add方法
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}
add.call(sub,3,1);
这个这样理解会更好一点:
将this的值绑定为sub,而add函数中的alert(a+b)执行与this无关,故还是与原来的不绑定保持一致。
...
这个段中不太明白这个的意思
animal.showName.call(cat,",");
这样写为什么不行呢?
animal.call(cat,",").showName();
貌似你理解错了,animal 是没有call方法的,如果存在这种写法大概是这样的:
function Animal(){ this.name = "Animal"; this.showName = function(){ alert(this.name); } // [color=red]添加了call方法[/color] this.call = function (o){ var temp_name = this.name; this.name = o.name; o.showName = this.showName; this.name = temp_name; return o; }; } function Cat(){ this.name = "Cat"; } var animal = new Animal(); var cat = new Cat(); animal.call(cat,",").showName();
call()方法是Function对象的方法,animal是个变量,所以没有call()方法.这样理解对么?
...
这个段中不太明白这个的意思
animal.showName.call(cat,",");
这样写为什么不行呢?
animal.call(cat,",").showName();
貌似你理解错了,animal 是没有call方法的,如果存在这种写法大概是这样的:
function Animal(){ this.name = "Animal"; this.showName = function(){ alert(this.name); } // [color=red]添加了call方法[/color] this.call = function (o){ var temp_name = this.name; this.name = o.name; o.showName = this.showName; this.name = temp_name; return o; }; } function Cat(){ this.name = "Cat"; } var animal = new Animal(); var cat = new Cat(); animal.call(cat,",").showName();
发表评论
-
抢购学习
2019-03-01 10:53 1025来源:https://blog.csdn.net/lius ... -
querySelectorAll与querySelector
2019-03-01 10:49 1240HTML 的DOM querySelector()方法 ... -
JSONP跨域
2019-02-26 11:31 1001jQuery jsonp跨域请求(很详细) json和j ... -
Ajax请求是否可以实现同步
2018-06-14 10:32 5143Ajax请求是否可以实现同步 当JS代码加载到当前A ... -
JS总结(二)
2017-10-16 14:12 1001一、jquery动态移除/增加onclick属性 ... -
JS实现的刮刮卡程序
2017-01-05 11:38 2900来源: 基于HTML5 Canvas的刮奖(刮刮卡)小控 ... -
this为何要赋值给局部变量that
2016-10-18 10:22 3464this的取值是跟它所在的上下文有关的。具体说就是跟它位于 ... -
移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传
2016-03-10 09:46 11015现在科技太发达,移动设备像素越来越高,随便一张照片2M+, ... -
使用megapixImage.js定位并展示上传的图片
2016-03-09 18:10 3592megapix-image插件 使用Canvas压缩图片上 ... -
基于jquery实现日历签到功能
2016-02-23 14:05 17732使用Jquery实现每日签到功能 基于jquery实现日 ... -
利用cookie控制弹窗24小时只显示一次
2015-09-02 17:35 7973cookie控制弹窗24小时只显示一次 例一:用c ... -
手机版倒计时问题 + 伪异步
2015-07-23 17:19 3351倒计时: 手机倒计时 ... -
localStorage、sessionStorage
2015-06-25 18:22 3844W3School 例子 HTML5 提供了两种在客户 ... -
console
2015-06-25 18:02 5450一、如何调出控制台方法大家都知道,firefox需要安装强 ... -
加载更多
2015-02-05 14:59 3502加载更多: 默认展示第一页数据,向下滑动加载第二页数据,依 ... -
Form的onsubmit
2015-02-05 11:06 47861. <form class="for ... -
JS共用方法 - 转码/doAjax
2014-12-10 15:35 62591、 //字符串转换: $.get( '/sho ... -
EasyUI项目中的自定义JS
2014-07-09 17:15 4960自定义方法: (function($) { ... -
textarea校验长度
2014-07-04 11:13 1467实现textarea限制输入字数 实现textarea限制 ... -
JS操作DOM元素属性和方法
2012-06-26 11:13 4682childNodes 属性,标准的,它返回指定元素的子元素集 ...
相关推荐
JavaScript中call与apply方法
本文实例分析了JavaScript中call和apply方法的区别。分享给大家供大家参考,具体如下: 这两个方法不经常用,但是在某些特殊场合中是非常有用的,下面主要说下它们的区别: 1、首先,JavaScript是一门面向对象的语言...
在JavaScript中,`call`和`apply`是两个非常重要的方法,它们都用于改变函数调用时的上下文(即`this`的值),并且可以灵活地传递参数。本篇文章将深入探讨这两个方法的用法、区别以及实际应用场景。 `call`方法...
在JavaScript中,`call`和`apply`是两种非常重要的函数调用方式,它们都用于改变函数内部`this`的指向,实现函数的...在实际开发中,理解和熟练掌握`call`和`apply`方法对于编写高效、灵活的JavaScript代码至关重要。
淡淡简单描述javascript中方法apply和call
`call` 和 `apply` 在JavaScript中扮演着至关重要的角色,它们提供了改变`this`上下文的能力,使得我们可以灵活地调用函数,尤其是在处理继承和对象方法时。理解并熟练掌握这两种方法的用法,对于提升JavaScript编程...
JS中的call、apply、bind方法详解 随着JavaScript的发展,函数调用对象的改变变得越来越重要。在JavaScript中,call、apply、bind三个方法都是函数对象的方法,它们的作用都是改变函数的调用对象。下面,我们将详细...
1、call,apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例(就是每个方法)都有call,apply属性。既然作为方法的属性,那它们的使用...
本文针对JavaScript中三个重要的函数方法——call、apply和bind,进行详尽的分析,并在文章的结尾部分对这三个方法之间的联系和区别进行了概括,以便于读者更深入地理解它们的用途和应用场景。 首先,我们来探讨...
JavaScript中的`call`和`apply`是两种非常重要的方法,它们都用于改变函数内部`this`的指向,并执行该函数。这两个方法都是Function对象的原型方法,因此所有的函数都具备`call`和`apply`。 1. `call`方法: - `...
JavaScript 中的 call、apply、bind 方法详解 JavaScript 中的 call、apply、bind 方法是 Function 对象自带的三个方法,这三个方法的主要作用是转变函数中的 this 指向,从而可以达到“接花移木”的效果。下面将对...
在构造函数中使用apply来继承另一个对象的属性和方法。 ```javascript var A = function(name) { this.name = name; }; var B = function() { A.apply(this, arguments); }; B.prototype.getName = ...
例如,`extendAB`函数可以通过`call`或`apply`调用来继承`baseA`和`baseB`的属性和方法。在提供的继承示例中,`baseA.call(this)`和`baseB.apply(this, arguments)`分别将`baseA`和`baseB`的构造函数调用上下文设为`...
JavaScript中的`call`和`apply`是两种函数调用的方式,它们主要用于改变函数内部的`this`指向。`call`方法允许你将一个函数绑定到指定的上下文(即`this`值)并立即调用,它接受一个或多个参数,参数列表直接跟在...
### 理解JavaScript中的`caller`...综上所述,理解`caller`、`callee`、`call`、`apply`以及`arguments`对象在JavaScript编程中至关重要,它们不仅增强了函数的灵活性和复用性,还提供了深入分析和调试代码的强大工具。
在面向对象编程中,继承是一种非常重要的机制,它允许子类继承父类的属性和方法,从而提高代码重用率。 例如: function Animal(name) { this.name = name; } Animal.prototype.eat = function() { console.log...
JavaScript中的`call`和`apply`是两种非常关键的方法,它们允许我们改变函数内部`this`的指向,同时也为实现模拟继承提供了可能。虽然JavaScript不直接支持类继承,但通过`call`和`apply`,我们可以实现类似的效果。...
在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,一般来说,this总是指向调用某个方法的对象,但是使用call()和apply()方法时,就会改变this的指向 语法: apply() 接收两...