- 浏览: 6308261 次
- 性别:
- 来自: 一片神奇的土地
文章分类
- 全部博客 (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 967来源:https://blog.csdn.net/lius ... -
querySelectorAll与querySelector
2019-03-01 10:49 1165HTML 的DOM querySelector()方法 ... -
JSONP跨域
2019-02-26 11:31 942jQuery jsonp跨域请求(很详细) json和j ... -
Ajax请求是否可以实现同步
2018-06-14 10:32 5061Ajax请求是否可以实现同步 当JS代码加载到当前A ... -
JS总结(二)
2017-10-16 14:12 930一、jquery动态移除/增加onclick属性 ... -
JS实现的刮刮卡程序
2017-01-05 11:38 2840来源: 基于HTML5 Canvas的刮奖(刮刮卡)小控 ... -
this为何要赋值给局部变量that
2016-10-18 10:22 3407this的取值是跟它所在的上下文有关的。具体说就是跟它位于 ... -
移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传
2016-03-10 09:46 10891现在科技太发达,移动设备像素越来越高,随便一张照片2M+, ... -
使用megapixImage.js定位并展示上传的图片
2016-03-09 18:10 3537megapix-image插件 使用Canvas压缩图片上 ... -
基于jquery实现日历签到功能
2016-02-23 14:05 17653使用Jquery实现每日签到功能 基于jquery实现日 ... -
利用cookie控制弹窗24小时只显示一次
2015-09-02 17:35 7869cookie控制弹窗24小时只显示一次 例一:用c ... -
手机版倒计时问题 + 伪异步
2015-07-23 17:19 3273倒计时: 手机倒计时 ... -
localStorage、sessionStorage
2015-06-25 18:22 3788W3School 例子 HTML5 提供了两种在客户 ... -
console
2015-06-25 18:02 5369一、如何调出控制台方法大家都知道,firefox需要安装强 ... -
加载更多
2015-02-05 14:59 3393加载更多: 默认展示第一页数据,向下滑动加载第二页数据,依 ... -
Form的onsubmit
2015-02-05 11:06 47141. <form class="for ... -
JS共用方法 - 转码/doAjax
2014-12-10 15:35 61921、 //字符串转换: $.get( '/sho ... -
EasyUI项目中的自定义JS
2014-07-09 17:15 4898自定义方法: (function($) { ... -
textarea校验长度
2014-07-04 11:13 1386实现textarea限制输入字数 实现textarea限制 ... -
JS操作DOM元素属性和方法
2012-06-26 11:13 4627childNodes 属性,标准的,它返回指定元素的子元素集 ...
相关推荐
JavaScript中call与apply方法
本文实例分析了JavaScript中call和apply方法的区别。分享给大家供大家参考,具体如下: 这两个方法不经常用,但是在某些特殊场合中是非常有用的,下面主要说下它们的区别: 1、首先,JavaScript是一门面向对象的语言...
我们可以将call和apply看做是某个对象的方法,通过调用方法的形式来间接调用函数
淡淡简单描述javascript中方法apply和call
NULL 博文链接:https://ufoqhmdt.iteye.com/blog/1676748
1、call,apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例(就是每个方法)都有call,apply属性。既然作为方法的属性,那它们的使用...
js中call,apply,setCapture,releaseCapture的使用.pdf
详解js中call与apply关键字的作用.docx
js中call与apply的用法小结.docx
本文主要Javascript中call,apply,bind方法的进行全面分析,并在文章结尾对call,apply,bind方法的联系和区别做了总结,具有很好的参考价值,需要的朋友一起来看下吧
JS中的call、apply、bind方法详解.pdf
在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,一般来说,this总是指向调用某个方法的对象,但是使用call()和apply()方法时,就会改变this的指向 语法: apply() 接收两...
理解JavaScript的caller callee call apply
JavaScript函数之call、apply以及bind方法案例详解 总结 1、相同点 2、区别 call() 方法 /* 正常模式 */ let obj = { sum(a, b) { console.log(this) return a + b } } // 执行 sum 函数的 apply、bind...
本文主要介绍js中call与apply关键字的作用以及它们的用法,具体实例如下,希望对大家有所帮助
JS 中没有诸如 Java、C#等高级语言中的 extend 关键字,因此 JS 中没有继承的概念,如果一定要继承的话,call 和 apply 可以实现这个功
本文实例讲述了JS中call和apply函数用法。分享给大家供大家参考,具体如下: call 函数 语法 obj.call(thisObj,arg[,arg2[,arg3[,...agr]]]); 简介 thisObj继承obj的属性和方法(obj原型链上的属性和方法不能被继承),...