javascript中apply和call方法的作用及区别说明


Posted in Javascript onFebruary 14, 2014

一、call和apply的说明

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

2、语法:foo.call(this, arg1,arg2,arg3) == foo.apply(this, arguments) == this.foo(arg1, arg2, arg3);

3、相同点:两个方法产生的作用是完全一样的。

4、不同点:方法传递的参数不同。

二、实例代码

<script type="text/javascript">
    function A(){
        this.flag = 'A';
        this.tip = function(){
            alert(this.flag);
        };
    }
    function B(){
        this.flag = 'B';
    }
    var a = new A();
    var b = new B();
    //a.tip.call(b);
    a.tip.apply(b);
</script>

三、代码解释(即说明apply和call作用)

1、实例代码定义了两个函数A和B,A中包含flag属性和tip属性(这个属性赋值一个函数),B中有一个flag属性。

2、分别创建A和B的对象a和b。

3、无论是a.tip.call(b);和a.tip.apply(b);运行的结果都是弹出B。

4、从结果中可以看出call和apply都可以让B对象调用A对象的tip方法,并且修改了this的当前作用对象。

Javascript 相关文章推荐
js 发个判断字符串是否为符合标准的函数
Apr 27 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
May 23 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
Dec 19 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
Aug 04 Javascript
js流动式效果显示当前系统时间
May 16 Javascript
js利用appendChild对标签进行排序的实现方法
Oct 16 Javascript
手把手教你使用vue-cli脚手架(图文解析)
Nov 08 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
Dec 12 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
Mar 09 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
Mar 26 Javascript
Vue的transition-group与Virtual Dom Diff算法的使用
Dec 09 Javascript
JavaScript隐式类型转换代码实例
May 29 Javascript
jQuery获取和设置表单元素的方法
Feb 14 #Javascript
javascript生成json数据简单示例分享
Feb 14 #Javascript
jquery中的$(document).ready()使用小结
Feb 14 #Javascript
javascript 终止函数执行操作
Feb 14 #Javascript
中止javascript执行的方法
Feb 14 #Javascript
js replace替换所有匹配的字符串
Feb 13 #Javascript
Jquery遍历checkbox获取选中项value值的方法
Feb 13 #Javascript
You might like
php 调用远程url的六种方法小结
2009/11/02 PHP
php中关于socket的系列函数总结
2015/05/18 PHP
PHP实现的迷你漂流瓶
2015/07/29 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
golang与PHP输出excel示例
2016/07/22 PHP
用jQuery扩展自写的 UI导航
2010/01/13 Javascript
JS防止用户多次提交的简单代码
2013/08/01 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
JavaScript实现页面跳转的方式汇总
2016/05/16 Javascript
浅析JSONP技术原理及实现
2016/06/08 Javascript
node.js实现博客小爬虫的实例代码
2016/10/08 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
2017/05/25 jQuery
vue.extend实现alert模态框弹窗组件
2018/04/28 Javascript
vue.js实现插入数值与表达式的方法分析
2018/07/06 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
vue vant Area组件使用详解
2019/12/09 Javascript
python比较两个列表是否相等的方法
2015/07/28 Python
CentOS6.5设置Django开发环境
2016/10/13 Python
python os.path模块常用方法实例详解
2018/09/16 Python
python:按行读入,排序然后输出的方法
2019/07/20 Python
Python爬虫爬取微信朋友圈
2020/08/06 Python
css3图片边框border-image的用法
2017/06/30 HTML / CSS
浅谈Html5页面打开app的一些思考
2020/03/30 HTML / CSS
荣耀商城:HIHONOR
2020/11/03 全球购物
Java语言程序设计测试题判断题部分
2013/01/06 面试题
银行个人求职自荐信范文
2013/12/16 职场文书
《那片绿绿的爬山虎》教学反思
2014/02/27 职场文书
九九重阳节标语
2014/10/07 职场文书
2014年个人工作总结范文
2014/11/07 职场文书
中学生自我评价范文
2015/03/03 职场文书
2015年医院护理部工作总结
2015/04/23 职场文书
行政诉讼答辩状
2015/05/21 职场文书
员工试用期工作总结
2019/06/20 职场文书
2019年最新七夕唯美祝福语(60条)
2019/07/22 职场文书
Vue的列表之渲染,排序,过滤详解
2022/02/24 Vue.js