apply和call方法定义及apply和call方法的区别


Posted in Javascript onNovember 15, 2015

 如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的”偏见”,因为这对您来说绝对是一片新大陆。好了,不给大家唠嗑了,言归正传吧,先给大家讲下apply和call方法的定义。

具体内容如下所示:

1、方法定义

call, apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call, apply属性.既然作为方法的属性,那它们的使用就当然是针对方法的了.这两个方法是容易混淆的,因为它们的作用一样,只是使用方式不同.

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作用就是借用别人的方法来调用,就像调用自己的一样.

它们的不同之处:

apply:最多只能有两个参数——新this对象和一个数组 argArray。如果给该方法传递多个参数,则把参数都写进这个数组里面,当然,即使只有一个参数,也要写进数组里面。如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。

call:则是直接的参数列表,主要用在js对象各方法互相调用的时候,使当前this实例指针保持一致,或在特殊情况下需要改变this指针。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

更简单地说,apply和call功能一样,只是传入的参数列表形式不同:如 func.call(func1,var1,var2,var3)对应的apply写法为:

func.apply(func1,[var1,var2,var3])

如:

add.apply(sub,[3,1]);
//add.call(sub,3,1);
var a={
n:1,
m:2,
add:function(){
return this.n+this.m;
}
}
var b={n:3,m:4
}
console.log(a.add.call(b));//b.n+b.m=7
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,[]);

以上内容是小编给大家介绍的apply和call方法定义及apply和call方法的区别,希望大家喜欢。

Javascript 相关文章推荐
根据邮箱的域名跳转到相应的登录页面的代码
Feb 27 Javascript
JavaScript单元测试ABC
Apr 12 Javascript
js onkeypress与onkeydown 事件区别详细说明
Dec 13 Javascript
javascript检查浏览器是否支持flash的实现代码
Aug 14 Javascript
Js+php实现异步拖拽上传文件
Jun 23 Javascript
JavaScript实现的背景自动变色代码
Oct 17 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
JavaScript中闭包的详解
Apr 01 Javascript
浅谈angular4 ng-content 中隐藏的内容
Aug 18 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
Apr 04 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
使用VScode 插件debugger for chrome 调试react源码的方法
Sep 13 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 #Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
Nov 15 #Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 #Javascript
js读取并解析JSON类型数据的方法
Nov 14 #Javascript
基于JS实现PHP的sprintf函数实例
Nov 14 #Javascript
javascript动态生成树形菜单的方法
Nov 14 #Javascript
node.js回调函数之阻塞调用与非阻塞调用
Nov 13 #Javascript
You might like
php数组索引的Key加引号和不加引号的区别
2014/08/19 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
PHP互换两个变量值的方法(不用第三变量)
2016/11/14 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
PHP FileSystem 文件系统常用api整理总结
2019/07/12 PHP
javascript实现unicode和字符的互相转换
2007/07/18 Javascript
javascript 三种编解码方式
2010/02/01 Javascript
js实现弹窗插件功能实例代码分享
2013/12/12 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
简介JavaScript中Math.LOG10E属性的使用
2015/06/14 Javascript
JavaScript使用RegExp进行正则匹配的方法
2015/07/11 Javascript
详解JS几种变量交换方式以及性能分析对比
2016/11/25 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
2017/03/04 Javascript
JS如何设置元素样式的方法示例
2017/08/28 Javascript
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
jQuery - AJAX load() 实例用法详解
2019/08/27 jQuery
JavaScript oncopy事件用法实例解析
2020/05/13 Javascript
jQuery 隐藏/显示效果函数用法实例分析
2020/05/20 jQuery
Python常用内置模块之xml模块(详解)
2017/05/23 Python
Python自定义线程类简单示例
2018/03/23 Python
python 日志增量抓取实现方法
2018/04/28 Python
scrapy-redis的安装部署步骤讲解
2019/02/27 Python
python实战串口助手_解决8串口多个发送的问题
2019/06/12 Python
Python基于DB-API操作MySQL数据库过程解析
2020/04/23 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
Python collections.deque双边队列原理详解
2020/10/05 Python
需要知道的CSS3动画技术
2010/01/01 HTML / CSS
css3如何绘制一个圆圆的loading转圈动画
2018/01/09 HTML / CSS
CSS3 创建网页动画实现弹跳球动效果
2018/10/30 HTML / CSS
美国最便宜的旅游网站:CheapTickets
2017/07/09 全球购物
教师自我鉴定范文
2013/11/10 职场文书
公务员转正考察材料
2014/02/07 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
篮球兴趣小组活动总结
2014/07/07 职场文书