Function.prototype.call.apply结合用法

最新推荐文章于 2023-08-31 21:10:58 发布

最新推荐文章于 2023-08-31 21:10:58 发布 · 312 阅读

本文解析了一道关于JavaScript的面试题，通过逐步分析Function.prototype.call和apply的方法调用，揭示了最终返回值为4的原因。

昨天在网上看到一个很有意思的js面试题，就跟同事讨论了下，发现刚开始很绕最后豁然开朗，明白过来之后发现还是挺简单的，跟大家分享下！

题目如下：var a = Function.prototype.call.apply(function(a){return a;}, [0,4,3]);alert(a);

分析步骤如下：

1、将Function.prototype.call当成整体，call方法是由浏览器实现的本地方法，是函数类型的内部方法

var a = (Function.prototype.call).apply(function(a){return a;}, [0,4,3]);

2、fun.apply(obj,args)等价于obj.fun(args)，这一步是重点，必须理解！

(function(a){return a;}).apply(0,[4,3])

(function(a){return a;}).call(0,4,3)

3、到这步结果就很明显了，a就是4，alert的结果就是4

这个题目迷惑的点就在于Function.prototype.call，理解好了，就清晰明了了！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_4389

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript手写 Function.prototype.call 方法：从原理到实现

KongMing06的博客

09-21

441

摘要：本文详解了如何手动实现JavaScript的Function.prototype.call方法。核心思路是通过将函数临时挂载到目标对象上并调用，以此改变this指向。实现步骤包括：处理null/undefined情况（转为全局对象）、使用Symbol创建唯一属性避免冲突、挂载函数并执行、清理临时属性。文章提供了完整代码实现，并指出严格模式、基本类型包装等注意事项。理解这一机制有助于深入掌握JavaScript的this绑定原理。（149字）

Function.prototype.apply()与Function.prototype.call()小结

01-19

老是忘掉这两个东东的用下，写下来做个记录吧。他们作用是一模一样的，只是传入的参数不一样 apply apply接受两个参数，第一个制定了函数体内this对象的指向，第二个参数为一个带下标的集合（可遍历对象），apply方法把这个集合中的元素作为参数传递给被调用的函数： var func = function(a, c, c){ alert([a,b,c]); //[1,2,3] } func.apply(null, [1,2,3]); call call传入的参数不固定，和apply相同的是，第一个参数也是代表函数体内的this指向，第二个参数开始往后，每个参数被依次传入函数： v

参与评论您还未登录，请先登录后发表或查看评论

Function.prototype.call.apply结合用法分析示例

09-05

昨天在网上看到一个很有意思的js面试题：var a = Function.prototype.call.apply(function(a){return a;}, [0,4,3]);alert(a); 分析步骤如下，感兴趣的朋友可以参考下哈

巧妙利用Function.prototype.call.apply实现结合函数

hackwaly的专栏

09-08

207

var call = Function.prototype.call; var mixin = function (that){ for (var k in that) this[k] = that[k]; return arguments.length == 1 ? this : call.apply(mixin, arguments)...

Function.prototype.call.apply作用详解

03-05

1294

关于call()和apply()基本用法可以参阅如下两篇文章: （1）.call方法参阅JavaScript call()一章节。（2）.apply方法参阅JavaScript apply()一章节。网上看到一段用法比较奇怪的代码，代码如下: [JavaScript] Function.prototype.apply.call(Math.floor, undefined...

Function.prototype.apply.call

BiuBiu_Tian(田)

06-04

1202

今天在读cw_logger源码的时候，看到这么一个方法: Function.prototype.apply.call 顿时，觉得难道还能这么调用。为什么？ 1. 先来看看上下文 if (context === MyLogger.WARN &amp;&amp; console.warn) { hdlr = console.warn; } else if (con...

Array.prototype.slice.apply的使用方法

09-05

`Array.prototype.slice.apply` 是 JavaScript 中一种巧妙的技巧，它允许我们借用 `Array.prototype.slice` 方法来处理非数组对象，尤其是 `arguments` 对象。`arguments` 是一个伪数组对象，它在每个函数内部可用，...

理解Function.prototype.apply.call(fn,thisArg,args)

deping_chen的专栏

11-01

1331

看阮一峰老师的Reflect 有这么一行代码：有了Reflect对象以后，很多操作会更易读。 // 老写法 Function.prototype.apply.call(Math.floor, undefined, [1.75]) // 1 // 新写法 Reflect.apply(Math.floor, undefined, [1.75]) // 1 Function.prototype....

Function.prototype.apply.call和Function.prototype.call.apply

zyh_haha的博客

10-07

488

Function.prototype.apply.call 理解分析

03-05

267

首先需要了解apply,call的基本用法,其目的是改变调用方法中的this指向,将其指向为传入的对象,改变this的指向，两种方法接收参数的方式不同。代码:console.log var console = window.console || {log: function () {}}; var log = console.log; console.log = ...

JavaScript的Function.prototype.call()详解

fatesgo的博客

05-06

757

call()函数用于调用当前函数functionObject，并可同时使用指定对象thisObj作为本次执行时functionObject函数内部的this指针引用。该函数属于Function对象，所有主流浏览器均支持该函数。参数描述 thisObj 可选/Object类型指定执行functionObject函数时，函数内部this指针引用的对象。 arg1 可选/任意类型调用functionObject函数时传入的第1个参数。 arg2 可选/任意类型调用functionObj

【前端进阶】call、apply、bind

Cyrios_ykx的博客

07-15

711

作用、区别、用法示例、参考文献、原理及具体实现思路(包含代码)，代码含注释说明

JS基礎：Function.prototype函數原型的三個方法

超悠閒的博客

05-14

1878

JS 基礎：Function.prototype 三大方法文章目錄JS 基礎：Function.prototype 三大方法簡介參考正文目的`Function.prototype.call` & `Function.prototype.apply`call & apply 語法call & apply Sample`Function.prototype.bind`bind 語法bind Sample應用self 替換bind 函數arrow function 箭頭函數結語簡介 F

Function.prototype.call.call

[暂停使用]任先阳

02-13

455

Function.prototype.call.apply、Function.prototype.apply.call、Function.prototype.apply.apply 同理 const obj1 = { hello: 'obj1', sayHello() { console.log...

JS高阶—day03

dcwal的博客

08-31

134

该传入对象的自有可枚举属性(即其自身定义的属性，而不是其原型链上的枚举属性)将为新创建的对象添加指定的属性值和对应的属性描述符。some 查找数组中是否有满足条件的元素 ,如果数组中有元素满足条件返回 true，否则返回 false。filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。函数时的第一个参数的值。方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__

Function.prototype.apply.call 待解答原理？？？

bounsail

07-28

1455

首先需要了解apply,call的基本用法,其目的是改变调用方法中的this指向,将其指向为传入的对象代码:console.log Js代码 var console = window.console || {log: function () {}}; var log = console.log; console.log = fu

Function.prototype.bind、call与apply方法简介

weixin_30615767的博客

08-31

211

前言前段时间面试遇见一题，题目内容大概是 function Parent() { this.prop = 'parent'; } Parent.prototype.get = function() { alert(this.prop); }; Parent.prototype.show = function() { setTimeout(t...

javascript中的call和apply混用详解

xu550937586的博客

11-20

280

最近发现这样一串代码。大家先来帮我看一下。Function.prototype.uncurrying = function(){ var self = this; return function(){ Function.prototype.call.apply(self,arguments); } }var push = [].push.uncurrying(

object.prototype.tostring.call/apply();

09-16

object.prototype.toString.call/apply() 是 JavaScript 中的方法，用于获取一个对象的类型信息。在 JavaScript 中，每个对象都有一个 toString() 方法，用于将对象转换为字符串。object.prototype.toString.call() 和 object.prototype.toString.apply() 都可以用于调用对象的 toString() 方法。但是由于 toString() 方法是对象原型的方法，不是直接继承的，因此需要通过 call() 或 apply() 来指定 this 对象。调用 object.prototype.toString.call(obj) 或 object.prototype.toString.apply(obj) 的结果将返回 obj 对象的类型信息。这个类型信息是一个包含对象的类型的字符串，在大多数情况下表示对象的内部 [[Class]] 属性的值。这个类型信息通常以 "[object 类型]" 的形式返回，其中类型可以是以下之一： - "[object String]" 表示 obj 是一个字符串。 - "[object Number]" 表示 obj 是一个数字。 - "[object Boolean]" 表示 obj 是一个布尔值。 - "[object Undefined]" 表示 obj 是 undefined。 - "[object Null]" 表示 obj 是 null。 - "[object Object]" 表示 obj 是一个普通的对象。 - "[object Array]" 表示 obj 是一个数组对象。 - "[object Function]" 表示 obj 是一个函数对象。通过调用 object.prototype.toString.call/apply() 方法，我们可以更准确地判断一个对象的类型，避免了 typeof 操作符的局限性。例如，使用 object.prototype.toString.call([]) 返回的结果为 "[object Array]"，可以确定该对象是一个数组。总之，object.prototype.toString.call/apply() 是一种用于获取对象类型的常用方法，用于更准确地判断对象的类型。