博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js的call与apply
阅读量:6301 次
发布时间:2019-06-22

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

方法定义

call方法:
语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
定义:调用一个对象的一个方法,以另一个对象替换当前对象。
说明:
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

apply方法:

语法:apply([thisObj[,argArray]])
定义:应用某一对象的一个方法,用另一个对象替换当前对象。
说明:
如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数


call与apply可以算的上是高级应用,如果有看过JQuery代码的人就知道,这两个方法在JQuery应用很多(包括插件机制,事件,循环等)。它的主要功能就是改变了调用方法的this。


例如

   function test(){

       alert(this.nodeName);

   }

在一般的通过test()使用中来看上面的函数会显示undefined

但是如果我们使用这两个方法结果可能就不一样了

如test.call(document.body)或test.apply(document.body)显示的内容就是 BODY

可能不好理解,其实可以这样说:

   当使用test()时  this=test

   当使用test.call(document.body)或test.apply(document.body)时  this=document.body

虽然上面的语法不对,但可以形象的说明call与apply就是改变了this的值,通过面向对象的思想说就是改变了this的引用,也就等于调用test时使用了document.body对象,同等于给document.body对象添加了一个test方法,这种扩展可以批量扩展同一个方法,而且是动态的扩展。当然如果方法内没有使用this那使用call与apply意义不大。


结论:call与apply改变this指向传入的第一个参数(没有传入则是Global对象,后经测试就是window对象),第二个参数及以后都是调用这个方法的传参。


技术有限,如果有不当之处还请指正。

本文转自  ttlxihuan    51CTO博客,原文链接:http://blog.51cto.com/php2012web/1286837

转载地址:http://kvwxa.baihongyu.com/

你可能感兴趣的文章
ansible
查看>>
MySQL 运维整体知识框架理解
查看>>
vs2005 使用Speech SDK包含<sphelper.h>报错的问题
查看>>
Windows Server 2012活动目录基础配置与应用(新手教程)之5---用户配置文件
查看>>
js注册登录审核
查看>>
我的友情链接
查看>>
学习笔记1
查看>>
ubuntu14.04下命令安装lamp环境
查看>>
13、【华为HCIE-Storage】--文件协议 CIFS NFS FTP HTTP
查看>>
如何通过连接的端口找出进程
查看>>
linux下面误删root里面的文件夹 恢复方法
查看>>
总结linux下printf命令的用法
查看>>
在IIS里面配置生成静态页面的应用程序
查看>>
Ionic学习记录(一):ionic及cordova安装、创建第一个应用、项目结构
查看>>
cocos2dx基础篇(13)——按钮控件CCControlButton
查看>>
6009.Cacti监控CMTS思科uBR7246路由器端口信噪比和误码率
查看>>
windows2012 PerfNet错误
查看>>
KB/s和Kbps是完全不同的概念
查看>>
RHEL6入门系列之二十六,利用rpm进行软件包管理
查看>>
base64 源码
查看>>