关于call和apply的那点事儿

在JavaScript中改变闭包中的this关键字中经常用到的就是call和apply了

首先:call和apply的作用的区别是什么?

答:call和apply 的作用是相同的。都是用来改变函数this值以及对函数传递相应的参数。区别是他们传值不同,call是一个一个的参数进行传值,即以散列的方式传值;而apply则是把所有的参数放到一个数组中,只传这个数组就足够了。。

应用:在js中我们经常会用到数组的一些方法。但是类数组的形式却不能直接用数组的方法。那么我们就可以利用call和apply方法来间接的使用数组Array的方法

enter code here                                                                                   var ary=[{name:"gudaochuan",age:22},{name:"super",age:48},{name:"man",age:38}];           console.log([].sort.call(ary,function(a,b){return a.age-b.age;}));

以下是上面数组输出的结果:

下面是一道面试题:据说是以前金山出的,现在应该没有这道题了:

function fn1(){alert(1)};

function fn2(){alert(2)};

fn3=fn2.call; 
fn2.call(fn1);
//请问输出什么结果,为什么

fn3.call(fn1);//请问输出什么结果,为什么

fn2.call(fn1);这个没有什么可说的。fn2里面没有this,所以这里call(fn1)没什么意义。就相当于直接调用fn2()方法,弹出2

主要是下面这个

fn3=fn2.call;

fn3.call(fn1);

fn3=fn2.call是什么意思呢?

*1.*call是定义在原型上的方法。所以说fn2.call只是这个call方法的定义......就和普通的一个方法的定义没有区别。所以fn2.call==fn3==Function.protoType.call

Function.protoType.call是方法原型上的call方法

所以fn3=fn1.call=fn2.call

*2.*fn2.call(null); 这里fn2的this是谁, call里的this是谁

fn2里面的this被强制转换成null了。call里的this就是fn2

*3.*call是function类型的 call是原型的方法所以call是function类型的

所以 call可以调用call方法

fn3.call(fn1)==Function.call.call(fn1);

最后一个注意的地方是:类上的方法this是谁就相当于谁在调用这个方法。所以说

Function.call.call(fn1);

Function.call 它里面的this指向fn1那么就相当于fn1.call

那么fn3.call(fn1); 弹出1

时间: 2024-10-12 15:35:58

关于call和apply的那点事儿的相关文章

call,apply,bind

call,apply,bind 一.call&apply call, apply都属于Function.prototype的方法,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call, apply属性啦. 如果不明白,请见“Javascript之一切皆为对象3”. 而且它们的作用都是一样的,只是使用方式不同而已. 作用:借用别人的方法来调用,就像自己有这个方法一样. 咦,那它们怎样才能达到这目的呢? 对象. 对象? 是的,其实就是改变执行上下

JavaScript模板引擎原理,几行代码的事儿

JavaScript模板引擎原理,几行代码的事儿 什么是模板引擎,说的简单点,就是一个字符串中有几个变量待定.比如: var tpl = 'Hei, my name is <%name%>, and I\'m <%age%> years old.'; 通过模板引擎函数把数据塞进去, var data = { "name": "Barret Lee", "age": "20" }; var result

关于浏览器cookie的那些事儿

昨天接到一个小需求,就是在ipad上访问某页面,页面顶部出现一个下载客户端的提示,点击关闭按钮后,提示信息消失,信息存入cookie,在cookie未过期之前,除非用户自己清除浏览器的cookie,否则此提示信息不再显示.像类似这样的需求非常常见,而网站上使用cookie技术也比比皆是.今天就抽空整理下关于浏览器cookie的那些事儿.有些信息一笔带过,未做详细描述.如描述当中有错误,欢迎大家指出. 1. Cookie介绍 cookie的传递流程是用户在访问站点时,服务器端生成cookie,发送

JavaScript那些事儿-容易迷失方向的this

      在上一篇博文<JavaScript那些事儿-高大不好上的闭包>撸主对闭包做了概述,当然闭包这个东西理解是有一个过程的,也许在一个瞬间,某个转身突然就悟到了,有种"只可意会不可言传"的感觉:撸主天生愚钝,也是在这个理解的路上,不敢说自己写得有多好,但是将自己的理解说出来了,有说得不好的请博友踊跃指正!撸主洗耳恭听.   序     在我们开发实际项目上this的作用极大,它也更灵活的增加编程的乐趣,撸主在此对使用this的场景一一概述,其实在最开始接触JavaSc

call和apply和bind的区别

在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向. JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」. apply(): 将函数作为指定对象的方法来调用,传递给它的是指定的参数数组function.apply(thisobj, args) 或者 function.apply(thisobj, args) 1.thisobj

Scala 中apply方法的用法

Scala 是构建在 JVM 上的静态类型的脚本语言,而脚本语言总是会有些约定来增强灵活性.关于协议在Python中是挺多的,看看Python的对象协议,有很多很多,如果对Python的对象协议了解(不了解的可以点击此处)的比较深刻的话,其实scala的apply方法也是很好理解的,比如说 Scala 为配合 DSL 在方法调用时有这么一条约定: 在明确了方法调用的接收者的情况下,若方法只有一个参数时,调用的时候就可以省略点及括号.如 "0 to 2",实际完整调用是 "0.

有些事儿,工程师可能今生仅此一次

郑昀 创建于2016/9/15 最后更新于2016/9/18 关键词:深度思考,碎片化阅读,做论文,深入研究, 早先在<技术高手如何炼成>一文中提到,我会问面试者,你日常如何构建自己的知识体系.有人会觉得你怎么就问出这么宏大的问题?知识体系,这是什么鬼? 面试时的交谈 工作之后你做过这样的事情吗? 面试是一个谁主张谁举证的过程,有时候需要面试者举出实例,自我证明. 而我认为问一些我们工作中遇到的难题和业务场景是在“欺负”面试者,所以我喜欢问开放型问题: 在你工作之后,你有没有像做毕业论文一样对

关于call 和 apply

权威指南上的说法是:可以将call 和apply看做是某个对象的方法,通过调用方法的形式 间接调用函数:需要重点说明是 :通过call和apply 调用的 函数:具体用法--->如下: 1.先说call的用法,call可以接收两个参数,也可能不是两个:第一个参数是要调用函数的 母对象,在函数体内通过this来获得对它的引用: function a(){ console.log(this); // 输出函数a中的this对象 } function b(){} // 定义函数b var obj =

How to Create an OCM Response file to Apply a Patch (文档 ID 966023.1)

How to Create an OCM Response file to Apply a Patch in Silent Mode - opatch silent (文档 ID 966023.1) APPLIES TO: Oracle Universal Installer - Version 10.2.0.1 to 11.2.0.4 [Release 10.2 to 11.2]Oracle Database - Enterprise Edition - Version 10.2.0.1 to